lundi 11 mai 2020

handleChange event listener not working for checkbox component

I'm trying to implement a simple checkbox that changes its checked state (true/false) upon clicking. But it does nothing when I click it. For example, upon clicking the checkbox and console logging state.box1 after the click, it's still set to true instead of false. I got the code from Material UI's checkbox example, so I'm confused as to why it doesn't work for me. Any ideas?


state = {
  box1: true,
};

handleChange = name => event => {
  setState({ name: event.target.checked });
};

<div>
  <Checkbox
    value="box1"
    checked={state.box1}
    onChange={this.handleChange('box1')}
    label="Primary"
  />
</div>;



Aucun commentaire:

Enregistrer un commentaire