Creo dinámicamente casillas de verificación en formularios de elementos, cuando envío un formulario en formularios de elementos, obtengo una serie de ID de casillas de verificación. ¿Cómo puedo vincular verdadero/falso a estos ID o sobrescribir el objeto, crear uno nuevo u otra cosa haciendo clic en la casilla de verificación? ¿Cómo entender en qué casilla de verificación se hizo clic y vincular un valor verdadero / falso?

 const [checkboxData, setCheckboxData] = useState(undefined); useEffect(() => { (async () => { const data = await request(`/document-type/typeDocuments`, { method: 'get', cancelTokenKey: 'typeDocuments' }); if (data) { setCheckboxData(data.content); } })(); }, []); function onChangeCheckbox(checkedValues) { setCheckboxData(prevState => { prevState.map(item => ...) }) // tried this, but then when you click on the checkbox everything breaks } <Form onFinish={onFormFinish} onFinishFailed={onFormFailed} > <Form.Item name="typesDocuments" valuePropName="checked" > <Checkbox.Group style={{ width: '100%' }}> <Row> {checkboxData?.map(item => <Col span={12}><Checkbox key={item?.id} value={item?.id} onChange={onChangeCheckbox}>{item?.Name}</Checkbox></Col>)} </Row> </Checkbox.Group> </Form.Item> <Form.Item> <Space style={{ display: 'flex', justifyContent: 'end' }}> <Button type="primary" htmlType="submit"> {intl("modal-btn-ok")} </Button> </Space> </Form.Item> </Form>

Para facilitar la visualización, creé un ejemplo de un proyecto en una caja dearena