/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 votes389 views2 answers
React native animated sticker
Javascript React
1 vote380 views1 answer
Have flat list automatically wrap react native
Javascript React
0 vote387 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote353 views1 answer
Eslint version check in react
Javascript React
0 vote464 views1 answer
React native application architecture
Javascript React
0 vote416 views1 answer
Reactnaviataion change title
Javascript React
0 vote409 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote399 views1 answer
React event stop propagation
Javascript React
2 votes404 views1 answer
React router 404 redirect
Javascript React
0 vote378 views2 answers
React typical
Javascript React