/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

21 votes199 views4 answers
Setinterval react
Javascript React
0 vote195 views1 answer
React open on different url instead of localhost
Javascript React
0 vote193 views1 answer
Scrollreveal react tutoriel
Javascript React
0 vote245 views1 answer
Angular reactive form remove validation
Javascript React
160 votes807 views6 answers
React install
Javascript React
0 vote225 views1 answer
Change poiter text input color react native
Javascript React
26 votes209 views5 answers
React font-awesome
Javascript React
1 vote212 views1 answer
Conditional style react native
Javascript React
13 votes178 views1 answer
Reactdom' is not defined
Javascript React
64 votes212 views6 answers
Router react
Javascript React