/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

2 votes251 views2 answers
React native select option
Javascript React
5 votes268 views1 answer
React native backgrunde img
Javascript React
0 vote257 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
4 votes279 views1 answer
React how to remove commas from a string
Javascript React
1 vote266 views1 answer
Check if new user in firebase react
Javascript React
0 vote267 views1 answer
React yup password with number string and uppercase
Javascript React
25 votes259 views6 answers
React native shadow android
Javascript React
93 votes229 views6 answers
Install react router dom
Javascript React
0 vote238 views1 answer
React simple typewriter
Javascript React
0 vote274 views1 answer
Filter based on input typing react
Javascript React