/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 vote181 views1 answer
My react router Dom learnings
Javascript React
0 vote198 views1 answer
React native no android sdk found
Javascript React
2 votes173 views2 answers
Rtl support react native
Javascript React
0 vote243 views1 answer
${product} meaning in react js
Javascript React
-1 vote193 views2 answers
React js props lara css uygulama
Javascript React
0 vote177 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
133 votes812 views5 answers
Npx create-react-app
Javascript React
19 votes273 views6 answers
Convert svg to react component
Javascript React
1 vote235 views1 answer
How to add two elements in one path in react router v6
Javascript React
142 votes796 views5 answers
Install react
Javascript React