Updating state with checkboxes

[CharlieCharlieCharlieCharlie]

Looking over the docs, still not sure how to tie my input to my local state.

 constructor(props) {
    super(props);
    this.state = {
      checked: []
    }
  }

  checkBoxFormatter (cell, row, field) {
    const isChecked = () => {
      this.state.checked.includes(row.id);
    };
    const toggleCheck = () => {
      if (this.state.checked.includes(row.id)) {
        this.setState({checked: this.state.checked.filter((i)=> i !== row.id)});
      } else {
        this.setState({checked:this.state.checked.concat(row.id)});
      }
    };

    return (<Checkbox defaultChecked={isChecked} onChange={toggleCheck}/>);
  }

onChange is being called fined on click, and state is updating with new values, but the checkbox itself never visually shows as checked. Do I need to use inputRef?

[jquense]

You need to use checked not defaultChecked, I suggest reading the React docs on controlled and uncontrolled inputs.