Question

我有一个复选框在反应中切换真/假。我无法正确设置复选框的值。

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>

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

Answer 1

将事件处理代码更改为：

setCheckBoxValue(!event.target.checked)

Answer 2

请检查以下代码：

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 个答案: