freeCodeCamp Challenge Guide: Use the Lifecycle Method componentDidMount

Use the Lifecycle Method componentDidMount


Problem Explanation

This challenges introduces the componentDidMount Lifecycle method. This is used to set state after a giventime period.

The syntax for the method is:

componentDidMount() {
    setTimeout( () => {
      this.setState({
        one: 1,
        two: false
      });
    }, interval);
  }

where one and two are states you want to set after intervalms.


Hints

Hint 1

Use

this.state.stateName;

and change stateName as required.


Solutions

Solution 1 (Click to Show/Hide)

Change

render() {
    return (
      <div>
        <h1>Active Users: { /* change code here */ }</h1>
      </div>
    );
  }

to

render() {
    return (
      <div>
        <h1>Active Users: { this.state.activeUsers }</h1>
      </div>
    );
  }
2 Likes