/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 vote397 views1 answer
React native image disable fade in onload
Javascript React
0 vote378 views1 answer
React native update helper
Javascript React
0 vote355 views1 answer
Reactjs join two array
Javascript React
1 vote350 views2 answers
React native map array of objects
Javascript React
59 votes325 views3 answers
Npm react router dom
Javascript React
24 votes381 views6 answers
Proptypes react
Javascript React
0 vote386 views1 answer
How to get circle around text in react natvie
Javascript React
0 vote363 views1 answer
Jest mock react-redux hooks
Javascript React
-1 vote848 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
1 vote376 views1 answer
React native app crashes without error
Javascript React