/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

1 vote244 views2 answers
Use state reactjs
Javascript React
0 vote205 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
2 votes232 views1 answer
Remove header border react native
Javascript React
0 vote211 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
14 votes198 views4 answers
Conditional classname prop react
Javascript React
2 votes235 views2 answers
React native dimensions window vs screen
Javascript React
5 votes213 views6 answers
Box shadow in react native
Javascript React
0 vote233 views1 answer
How to go to settings on next click in react native
Javascript React
6 votes188 views2 answers
React native indicator
Javascript React
1 vote200 views1 answer
Module not found reactstrap
Javascript React