在反应自定义复选框中获取复选框的值

Question

我有这个动态复选框，我只想用选定的选项更新状态，我尝试添加一些检查来过滤更改状态，但似乎我没有看到哪里出了问题！

const checkBoxesOptions = [
    { id: 1, title: 'serviceOne' },
    { id: 2, title: 'serviceTwo' },
    { id: 3, title: 'serviceThree' },
];

const [selectedCheckBoxes, setSelectedCheckBoxes] = React.useState([]);

{checkBoxesOptions.map((checkBox, i) => (
                    <CheckBox
                        key={i}
                        label={checkBox.title}
                        value={1}
                        checked={false}
                        onChange={value => {
                            let p = {
                                title: checkBox.title,
                                isTrue: value,
                            };
                            if (p.isTrue) {
                                const tempstate = selectedCheckBoxes.filter(
                                    checkbox => checkbox !== checkBox.title
                                );
                                console.log('temp state', tempstate);
                                setSelectedCheckBoxes([...selectedCheckBoxes, p.title]);
                            }

        
                            console.log(p);
                        }}
                    />
                ))}

Answer 1

value 参数是事件对象。

(event) => {
    const value = event.target.checked
    <... Rest of the code ...>
  }