/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

26 votes324 views6 answers
React js
Javascript React
0 vote305 views1 answer
React.createElement
Javascript React
1 vote286 views2 answers
Edit todo list react-redux
Javascript React
0 vote211 views2 answers
React refresh page not found
Javascript React
0 vote295 views1 answer
React load script after render
Javascript React
8 votes301 views2 answers
React fragment
Javascript React
0 vote273 views1 answer
Saving react code messing up in vsc
Javascript React
0 vote316 views1 answer
React recursive component
Javascript React
0 vote294 views1 answer
Using shortid in react lists
Javascript React
1 vote265 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React