前言
在做项目过程中,发现需要用checkbox实现radio单选效果。checkbox组件本身不提供,需要自己在onchang事件中自己定义。
实现代码
const [chkSelectIndex, setChkSelectIndex] = useState([1]);
const options = [ { label: "正在运行", value: 0 }, { label: "全部", value: 1 } ];
<> <Checkbox.Group options={options} defaultValue={[1]} value={chkSelectIndex} onChange={index => { const selectData = [...chkSelectIndex]; console.log(selectData, index); if (index.length === 0) { setChkSelectIndex(selectData); } else { const tmpArr = index?.filter(item => { return selectData.indexOf(item) === -1; }); setChkSelectIndex(tmpArr); } }} /> </>