/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

3 votes124 views1 answer
React pass props to children
Javascript React
0 vote119 views1 answer
React native fetch response code
Javascript React
0 vote120 views1 answer
React auto import sometime not working
Javascript React
0 vote121 views1 answer
Créer composant react
Javascript React
0 vote124 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote131 views1 answer
React-native-safe-area-context
Javascript React
8 votes134 views1 answer
Professional react projects
Javascript React
3 votes126 views1 answer
React native run on device command line
Javascript React
0 vote123 views1 answer
Render a react component only after API response is received
Javascript React
0 vote129 views1 answer
React Redux store exemple
Javascript React