/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 vote176 views1 answer
React children map
Javascript React
1 vote207 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote196 views1 answer
Background image in react from variable
Javascript React
1 vote221 views3 answers
Click outside React component
Javascript React
0 vote189 views1 answer
Limit data with axios in react js
Javascript React
0 vote197 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote195 views1 answer
Slide hide animaition in react
Javascript React
61 votes176 views6 answers
Reactjs router
Javascript React
0 vote158 views3 answers
How to use keyextractor in flatlist react native
Javascript React
9 votes182 views3 answers
React select
Javascript React