/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 vote361 views1 answer
Convert integer month to string month react native
Javascript React
0 vote309 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
32 votes311 views2 answers
How to routing in react js
Javascript React
7 votes290 views1 answer
React native hide scroll indicator
Javascript React
1 vote365 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote280 views1 answer
Npm i react-use-navigator-permissions
Javascript React
0 vote318 views1 answer
Get api data from localhost in react native
Javascript React
0 vote311 views2 answers
React rating with fractions
Javascript React
28 votes306 views6 answers
React proptypes
Javascript React
0 vote311 views2 answers
React js form radio input using hooks
Javascript React