React的Checkbox.Group的defaultValue值可以是一个数组,其中包含初始选中的选项值,例如:

<Checkbox.Group defaultValue={['Apple', 'Banana']}>
  <Checkbox value="Apple">Apple</Checkbox>
  <Checkbox value="Banana">Banana</Checkbox>
  <Checkbox value="Orange">Orange</Checkbox>
</Checkbox.Group>

使用useState默认赋值也可以实现类似的功能,例如:

const [fruits, setFruits] = useState(['Apple', 'Banana']);

<Checkbox.Group value={fruits} onChange={setFruits}>
  <Checkbox value="Apple">Apple</Checkbox>
  <Checkbox value="Banana">Banana</Checkbox>
  <Checkbox value="Orange">Orange</Checkbox>
</Checkbox.Group>

这里使用useState来维护选中的选项值,初始值为 ['Apple', 'Banana'],并将该值传递给Checkbox.Group的value属性。当用户进行选择时,会触发onChange事件,该事件会将选中的值更新到fruits状态中,从而实现了动态的选项选择


原文地址: https://www.cveoy.top/t/topic/fipL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录