How to uncheck checkbox on props change in reactjs

Question

I want to uncheck the checkbox, when props changes.

How can I do this ?

This is my 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)}/>

When I remove data from this.props.cart, checkbox should be unchecked.

Thank you

Nuri Tasdemir · Accepted Answer · 2017-04-27 08:36:21Z

2

Try toggling the checked property not the defaultChecked property

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

See the react docs for more examples:
https://facebook.github.io/react/docs/forms.html#handling-multiple-inputs

edited Apr 27, 2017 at 8:36

Nuri Tasdemir

9,8823 gold badges47 silver badges70 bronze badges

answered Apr 27, 2017 at 5:53

radix

7701 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to uncheck checkbox on props change in reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related