lifecycle hooks of react js code example

Example 1: setstate react js

constructor(props) {
        super(props);
        this.state = {
            isActive: true,
        };
    }

    checkStatus = () => {
        this.setState({		// use this function
            'isActive' : !this.state.isActive,
        });
    }

Example 2: react lifecycle hooks

class Content extends React.Component {
  // ...
  componentWillMount() {
    this.setState({ activities: data });
  }
  // ...
}

Example 3: react lifecycle hooks

class ActivityItem extends React.Component {
  render() {
    const { activity } = this.props;

    return (
      
        
          
        

        
          {moment(activity.created_at).fromNow()}
        
        
        {activity.actor.display_login} {activity.payload.action}
        
          {activity.repo.name}
        
      
    )
  }
}

Tags:

Misc Example

Related