/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

16 votes362 views2 answers
Where to put background images in react app
Javascript React
0 vote465 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
28 votes316 views6 answers
React fontawesome
Javascript React
4 votes361 views2 answers
Import reactdom
Javascript React
0 vote330 views1 answer
Jest create react app only run one test
Javascript React
2 votes410 views2 answers
Past value from parent in reactjs
Javascript React
5 votes309 views2 answers
Add object in array state react
Javascript React
0 vote418 views1 answer
How to update state.item[1] in state using setState? React
Javascript React
0 vote354 views1 answer
React first click not working
Javascript React
0 vote369 views1 answer
Eslint init settings for ReactJS
Javascript React