/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

0 vote314 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote345 views2 answers
React native store sensitive data in redux
Javascript React
1 vote336 views1 answer
React redux wait for props
Javascript React
0 vote329 views1 answer
Hide urls in .env in react app
Javascript React
1 vote333 views1 answer
React native get numeric random string length of 5 characters
Javascript React
0 vote346 views1 answer
How to reload webview in react native
Javascript React
0 vote319 views1 answer
Alert, react native alert
Javascript React
0 vote273 views3 answers
React-hook-form input
Javascript React
1 vote329 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
1 vote306 views1 answer
React next alias import
Javascript React