/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 vote388 views1 answer
Create loop to specific length react
Javascript React
11 votes385 views4 answers
How to check for react version
Javascript React
31 votes343 views1 answer
React router dom npm
Javascript React
85 votes403 views6 answers
Redirect react js
Javascript React
0 vote389 views1 answer
React antd form disable submit button
Javascript React
0 vote353 views1 answer
React bootstrap carousel caption placement top
Javascript React
1 vote356 views1 answer
Expo update react native
Javascript React
0 vote541 views1 answer
React version on CMD
Javascript React
-2 votes419 views1 answer
Keyboard close when typing react native
Javascript React
0 vote381 views1 answer
React native open simulators list
Javascript React