/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 vote163 views1 answer
@testing-library/react-native switch
Javascript React
0 vote177 views2 answers
React hook will mount
Javascript React
0 vote196 views2 answers
React native: how to know th softkey height
Javascript React
0 vote169 views1 answer
Alert, react native alert
Javascript React
7 votes168 views2 answers
React native rename
Javascript React
-2 votes168 views1 answer
Multiple image upload react
Javascript React
1 vote119 views1 answer
Functions inside class component react
Javascript React
4 votes169 views4 answers
React background gradient
Javascript React
0 vote162 views1 answer
Zeamster examples react node
Javascript React
0 vote192 views1 answer
Use this in a react js component
Javascript React