/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

-1 vote382 views2 answers
React native font based on viewport dimensions
Javascript React
18 votes300 views6 answers
How to import svg in react
Javascript React
0 vote349 views1 answer
Ej2 react calenders
Javascript React
1 vote332 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote354 views1 answer
How to get parent's ref react
Javascript React
3 votes327 views1 answer
How to stop react app in terminal
Javascript React
0 vote341 views1 answer
React bootstrap font awesome icons
Javascript React
4 votes427 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
0 vote395 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
0 vote340 views1 answer
Owl carousel for react
Javascript React