/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 vote257 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
2 votes198 views3 answers
React native component at bottom center
Javascript React
24 votes187 views6 answers
React native navigation
Javascript React
0 vote212 views1 answer
How to make image slider in react js
Javascript React
114 votes283 views3 answers
Run react app
Javascript React
7 votes260 views2 answers
Uuid v4 react
Javascript React
0 vote257 views1 answer
React set multible attribute values
Javascript React
2 votes222 views2 answers
Await in react in function component
Javascript React
2 votes208 views1 answer
Adding font awesome to npm or react
Javascript React
3 votes269 views2 answers
Export default class react
Javascript React