/Javascript/React/React set state before render

React set state before render

componentDidMount() {
    this.setState({
        thing: [
            {
                status: "running",
                test: "testing"
            }
        ]
    });
}

render() {
    return (
        <div>
            {this.state.thing.length > 0? <h1 className="mt-5 mb-5">{ this.state.thing[0].status }</h1>: null
}
            <button className="mt-5" onClick={ this.handleUpdate } value="not running">
                Click to change
            </button>
        </div>
    );
}

Source: stackoverflow.com

Similar codes

2 votes197 views2 answers
Merge two styles react native
Javascript React
1 vote195 views1 answer
React-native-paper password input
Javascript React
0 vote202 views1 answer
React-google-invisible-recaptcha
Javascript React
0 vote246 views1 answer
React paypal express checkout
Javascript React
0 vote215 views1 answer
React js how to do array range
Javascript React
0 vote202 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
1 vote183 views1 answer
Concatenating variables and strings in React
Javascript React
0 vote195 views1 answer
How to reset ReactJS file input
Javascript React
0 vote193 views1 answer
React hook form password validation uppercase
Javascript React
6 votes241 views2 answers
Export default function react
Javascript React