/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 vote197 views1 answer
React file preview
Javascript React
0 vote194 views1 answer
Nested ternaries react
Javascript React
0 vote204 views1 answer
React bootstrap make col disapear in small screens
Javascript React
14 votes184 views2 answers
Adding border in react native
Javascript React
0 vote198 views1 answer
React native notify user for new version of app
Javascript React
0 vote192 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
1 vote199 views1 answer
React scroll to bottom of div
Javascript React
0 vote195 views1 answer
Svg as a component react
Javascript React
0 vote263 views1 answer
Scrollbar automatically scroll down as new divs are added reactjs
Javascript React
0 vote195 views1 answer
React Redux store exemple
Javascript React