/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

3 votes155 views1 answer
How to preview a pdf document in react
Javascript React
0 vote165 views1 answer
React chrome get language
Javascript React
3 votes237 views2 answers
React native image fit container
Javascript React
1 vote211 views1 answer
Rendering, reconciliation, committing in react
Javascript React
9 votes149 views6 answers
React Component
Javascript React
4 votes168 views1 answer
React useeffect not on first render
Javascript React
116 votes297 views6 answers
Bootstrap react
Javascript React
0 vote156 views1 answer
React type div onClick
Javascript React
1 vote155 views2 answers
Toast in react native
Javascript React
0 vote184 views1 answer
Jest mock react-redux hooks
Javascript React