如何取消选中reactjs中的props更改复选框

Question

当道具发生变化时，我想取消选中复选框。

我该怎么做？

这是我的代码：

<input type="checkbox" value={inventory.id}
    defaultChecked={_.some(this.props.cart.data, (cart) => {
                       return cart.id === inventory.id
                   })}
    onClick={(e) => this.addToCart(e, inventory)}/>

当我从this.props.cart中删除数据时，应该取消选中复选框。

谢谢

Answer 1

尝试切换checked属性而不是defaultChecked属性

render: function() {
    return <input type="checkbox" 
                  checked={_.some(this.props.cart.data, (cart) => cart.id === inventory.id)} 
                  onClick={(e) => this.addToCart(e, inventory)}/>
}

有关更多示例，请参阅反应文档：
https://facebook.github.io/react/docs/forms.html#handling-multiple-inputs