How we almost reinvent the Redux Store - II

CustomCheckboxStateful.js

class CustomCheckbox extends Component {
  constructor () {
    super()
    
    this.state = {
      checked: false
    }
  }
  
  componentWillMount () {
    if (this.props.autoChecked) {
      this.setState({checked: true})
    }
  }
  
  handleClick (...args) {
    if (this.props.checked == null) {
      this.setState({
        checked: !this.state.checked
      })
    }
    
    if (this.props.onClick) {
      this.props.onClick(...args)
    }
  }
  
  render () {
    const checked = this.props.checked == null ? this.state.checked : this.props.checked

    return <div onClick={this.handleClick}>
      {checked ? 'Checked' : 'Not pressed'}
    </div>
  }
}