反应复选框假/真切换答案

【问题标题】：React checkbox false/true switched反应复选框假/真切换
【发布时间】：2021-06-17 11:56:33
【问题描述】：

我有一个复选框来响应真/假切换。我无法让它正确设置复选框的值。

const [checkBoxValue, setCheckBoxValue] = useState<boolean>(false);

...

const checkBoxSet= (e: boolean) => {
  setCheckBoxValue(e);
}

<div>
  <CheckBox type={'checkbox'} checked={checkBoxValue} onChange={(event) => {setCheckBoxValue(event.target.checked)}}/>
          checkbox
</div>

现在，如果复选框被选中，则为假，否则为真。

【问题讨论】：

标签： javascript reactjs typescript

【解决方案1】：

请检查以下代码：

import {useState} from 'react';

import logo from './logo.svg';
import './App.css';

function App() {
  const [checkBoxValue, setCheckBoxValue] = useState(false);

  return (
    <div className="App">
      <CheckBoxtype={'checkbox'} checked={checkBoxValue} onChange={(event) => {setCheckBoxValue(!checkBoxValue)}}/> checkbox
    </div>
  );
}

export default App;

【讨论】：

【解决方案2】：

将事件处理代码改为：

setCheckBoxValue(!event.target.checked)

【讨论】：