/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

6 votes416 views2 answers
React native spinner
Javascript React
2 votes367 views1 answer
What is virtual dom in react
Javascript React
8 votes383 views3 answers
Change title react
Javascript React
0 vote376 views1 answer
Change env location react
Javascript React
0 vote380 views1 answer
React Native Segmented Control Tab
Javascript React
5 votes370 views2 answers
Lazy loading react
Javascript React
-2 votes363 views2 answers
Import link react
Javascript React
0 vote376 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
0 vote411 views2 answers
React native icons in one file
Javascript React
21 votes375 views6 answers
Elevation react native
Javascript React