Toggle normal

toggle.js

class Toggle extends Component {
 state = {
   on: false
 }
 toggle = () => {
   this.setState(() => {
     on: !this.state.on
   })
 }
 render() {
   return <Checkbox onClick={this.toggle} checked={this.state.on} />
 }
}