/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 vote128 views1 answer
What difference between react func and class components
Javascript React
0 vote122 views2 answers
Automated counter with react hooks
Javascript React
0 vote135 views1 answer
Code in nested forEach loop- react native
Javascript React
-2 votes123 views1 answer
Starter react redux project
Javascript React
0 vote148 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
8 votes138 views4 answers
React multiple classnames
Javascript React
0 vote125 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
0 vote163 views1 answer
React-hook-form image
Javascript React
0 vote151 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
0 vote137 views3 answers
React-native restart app
Javascript React