Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series

$

49

.99

$

24

.99

yours forever

Become a Pro and unlock everything

$

24

.99

per month

Refactoring A Class Component


import React, { Component } from "react";

export default class Refactor extends Component {
  state = {
    isToggled: false
  };

  toggle = () => {
    this.setState(state => {
      return { isToggled: !state.isToggled };
    });
  };

  render() {
    return (
      <div>
        <button onClick={this.toggle}>Toggle</button>
        {this.state.isToggled && <h2>Hello!</h2>}
      </div>
    );
  }
}

Downloads

Become a pro to download code and videos

Comments

Want to join the conversation?

Become a Pro member today!