/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 vote112 views1 answer
Install proptypes react
Javascript React
0 vote118 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
-2 votes109 views2 answers
React native text align vertical center
Javascript React
36 votes115 views2 answers
Ref hook in react
Javascript React
2 votes122 views2 answers
Past value from parent in reactjs
Javascript React
18 votes114 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
-1 vote126 views1 answer
Use inline and other styles react native
Javascript React
0 vote137 views1 answer
React native firebase
Javascript React
0 vote116 views1 answer
Google pay payment gateway for react js project
Javascript React
0 vote128 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React