/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

0 vote238 views1 answer
How to add icon in react
Javascript React
2 votes236 views2 answers
Capture enter button react input
Javascript React
0 vote226 views1 answer
How to run electron and react using concurrently
Javascript React
4 votes224 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
-1 vote191 views1 answer
Import ReactDOM from "react-dom";
Javascript React
14 votes159 views1 answer
Change checkbox value react
Javascript React
0 vote220 views1 answer
React redux open another page
Javascript React
0 vote234 views1 answer
React native sovrapporre immagini
Javascript React
0 vote214 views2 answers
React Class components LifeCycles
Javascript React
0 vote254 views1 answer
React router tutorial medium
Javascript React