/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 vote219 views1 answer
Remove unused dependencies React
Javascript React
0 vote216 views3 answers
React native shaddow
Javascript React
3 votes204 views1 answer
Include gif in react
Javascript React
2 votes164 views1 answer
Yarn create react-app test00h00m00s 0/0: : ERROR: [Errno 2] No such file or directory: 'create'
Javascript React
0 vote207 views1 answer
Circle button react native
Javascript React
6 votes264 views4 answers
Autocomplete react vscode
Javascript React
8 votes225 views2 answers
React set title of page
Javascript React
0 vote200 views1 answer
React native undedined map
Javascript React
0 vote203 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
0 vote222 views2 answers
React native icons in one file
Javascript React