/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

1 vote222 views1 answer
React native scrollview sticky header
Javascript React
0 vote220 views1 answer
React if event.target is input
Javascript React
1 vote213 views2 answers
Can't perform a react state update
Javascript React
2 votes221 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
5 votes237 views2 answers
Gradlew clean in react native
Javascript React
0 vote218 views2 answers
How to render a component multiple times in react
Javascript React
0 vote247 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote221 views1 answer
Express react docker container example
Javascript React
0 vote230 views1 answer
React-data-table-component cell action
Javascript React
4 votes217 views1 answer
Add array of object to state react
Javascript React