/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 vote145 views1 answer
React native parent opcaity not affecting text
Javascript React
0 vote125 views1 answer
React rative release
Javascript React
4 votes126 views2 answers
Get request react
Javascript React
24 votes126 views4 answers
React copy to clipboard button
Javascript React
0 vote151 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote139 views1 answer
How to get parent's ref react
Javascript React
0 vote142 views1 answer
React Liked Component
Javascript React
0 vote144 views2 answers
Go back to screen with params react native
Javascript React
13 votes126 views2 answers
Download react devtools for chrome
Javascript React
0 vote173 views1 answer
How set default value for react-select
Javascript React