Wie man das Kontrollkästchen auf Requisiten in Reactjs deaktivieren

Question

Ich möchte das Kontrollkästchen deaktivieren, wenn Requisiten ändert.

Wie kann ich das tun?

Dies ist mein Code:

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

Wenn ich Daten von this.props.cart entfernen, sollten Checkbox deaktiviert werden.

Danke

Answer 1

Versuchen Sie, die Eigenschaft checked Makeln nicht die defaultChecked Eigenschaft

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

Siehe reagieren Dokumentation für weitere Beispiele:
https://facebook.github.io/react/docs/forms.html#handling-multiple-inputs