/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

5 votes249 views4 answers
Export default react
Javascript React
0 vote237 views1 answer
Why is necessary to run react-native run
Javascript React
5 votes247 views4 answers
How to use useref hook in react
Javascript React
0 vote230 views1 answer
Images not displaying in react
Javascript React
1 vote238 views1 answer
New line in p tag react
Javascript React
3 votes243 views1 answer
Latest react version npm
Javascript React
0 vote251 views1 answer
How to creacte react component
Javascript React
5 votes245 views2 answers
Svg react native
Javascript React
0 vote250 views2 answers
React-native local image not showing ios
Javascript React
0 vote225 views1 answer
React native fade in fade out animation
Javascript React