React checkbox doesn't toggle on onchange

Question

My react checkbox component will not uncheck when its clicked.

Pic of my code

Answer 1

Remove bind method from constructor because you have already make arrow function so there is no need to bind and try this.

<div className={`checkbox ${this.props.color}`} onclick={this.onChange}>
    <div>
         {this.state.checked && <svg write conditional component here../>} 
    </div>
</div>

Hopefully this will work.