html - 无法使用 reactjs 取消选中复选框

Question

我在网站上使用了一个复选框，但我不知道为什么，但我无法取消选中此复选框。

    const [checkBoxEmailPersonalized, setCheckBoxEmailPersonalized] = useState(false);

    const onEmailPersonalized = (event) => {
        console.log(event)
        setCheckBoxEmailPersonalized(event);
    }
    
    return (
       <div className="wrapper wrapper-with-nav pt-5">
         <div className="container">
           <div class="row">
             <div className="form-group col-md-2 checkbox-custom">
              <input type="checkbox"
               id="checkBoxEmailPersonalized" 
               name="checkBoxEmailPersonalized" 
               checked={checkBoxEmailPersonalized}
               className="form-control"
               onChange={event => onEmailPersonalized(event.target.value)}/>
              <label htmlFor="checkBoxEmailPersonalized" className="form-label multiline">{t('EMAIL')}</label>
             </div>
           </div>
         </div>
       </div>
    )

在我的控制台日志中，我一直拥有价值ON

你知道为什么我不能取消选中这个复选框吗？

标签： htmlreactjs

Answer 1

更改e.target.value为e.target.checked