/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 vote213 views1 answer
Timezone in react js
Javascript React
0 vote190 views1 answer
React linking to documents
Javascript React
0 vote225 views1 answer
React duration picker
Javascript React
0 vote192 views1 answer
To do list app react code
Javascript React
1 vote194 views1 answer
Axios upload progress react
Javascript React
15 votes201 views3 answers
Image source react native
Javascript React
1 vote198 views1 answer
How prevent copy paste input react
Javascript React
1 vote192 views1 answer
Add a text on last object map reactjs
Javascript React
18 votes189 views6 answers
React-native make android apk
Javascript React
0 vote185 views1 answer
ExoPlayer with auto linking react native
Javascript React