反應復選框不會打開 onchange

Question

我的反應復選框組件在單擊時不會取消選中。

我的代碼圖片

Answer 1

從構造函數中刪除綁定方法，因為您已經制作了箭頭 function，因此無需綁定並嘗試此操作。

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

希望這會奏效。