/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 vote108 views2 answers
Hosting react on gh pages
Javascript React
3 votes117 views1 answer
React is front end or backend
Javascript React
0 vote117 views1 answer
React native picker not taaking height on android
Javascript React
0 vote103 views2 answers
Add typescript to react-native
Javascript React
0 vote99 views1 answer
How to add react.memo in export list
Javascript React
92 votes107 views6 answers
React router dom
Javascript React
5 votes119 views6 answers
Box shadow in react native
Javascript React
1 vote113 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
5 votes72 views1 answer
Add icon material ui
Javascript React
4 votes119 views2 answers
HandleClick react
Javascript React