声明react的CheckboxGroup的defaultValue值及使用useState默认赋值
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 著作权归作者所有。请勿转载和采集!