/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 vote421 views1 answer
React inject component into another component
Javascript React
1 vote369 views3 answers
Autocomplete react
Javascript React
0 vote400 views1 answer
Axios network error react native
Javascript React
0 vote447 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
11 votes392 views3 answers
Create react tailwind app
Javascript React
0 vote402 views2 answers
How to hide api key in react
Javascript React
69 votes396 views6 answers
React route
Javascript React
0 vote450 views1 answer
State creation in class components reactjs interview questions
Javascript React
4 votes345 views1 answer
Navigating programatically react
Javascript React
1 vote407 views5 answers
Enzyme adapter react 17
Javascript React