/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 vote156 views1 answer
How to submit form in reactjs and send data in json
Javascript React
0 vote143 views1 answer
React catch error json message
Javascript React
5 votes130 views2 answers
TypeError: t is not a function React
Javascript React
0 vote191 views1 answer
React grid generator
Javascript React
2 votes140 views2 answers
Fullcalendar react add event duration
Javascript React
0 vote152 views1 answer
Reactjs web3 components
Javascript React
1 vote130 views1 answer
React connect production
Javascript React
21 votes131 views4 answers
Setinterval react
Javascript React
5 votes187 views1 answer
React native break line text if too big
Javascript React
0 vote159 views1 answer
Nested navigation react native
Javascript React