如何在reactjs中取消选中复选框时清空值？

Question

I'm new to reactjs. I have created below code to make checkbox and to get value of checkbox. But on unchecking the checkbox I'm still getting the value. How to remove value of unchecking the checkbox. Please help.

below is in html

<input onChange={(event)=>this.getCheckboxValue(event)} type='checkbox' value={item.title}/>

Below is function

 getCheckboxValue(event) {
   console.log(event.target.value)
 }

Answer 1

The value of the checkbox doesn't change. You're interested in whether it's checked ( event.target.checked ) in addition to its value ( event.target.value ).

<input onChange={this.onChange} type='checkbox' value={item.title}/>

onChange = (event) => {
  const {checked, value} = event.target;
  if (checked) {
    // do something with value
  }
}