Tengo un componente de cuadrícula (tabla) creado con Antdesign en React. Al hacer clic en un botón, se abre un modal que tiene múltiples casillas de verificación. El desafío es mantener los diferentes valores de casilla de verificación para diferentes filas y pasar todas las casillas de verificación seleccionadas como una columna en la misma fila.

Este es el código de la casilla:

 <div><Checkbox name="length" onChange={this.handleCheck}>{listType.po_qc.metal[0].label}</Checkbox></div> <div><Checkbox name="locking"onChange={this.handleCheck}>{listType.po_qc.metal[1].label}</Checkbox></div>

ManejarCambiar -

 handleCheck = (event) => { var updatedList = [...this.state.checked]; console.log(event.target.checked) if (event.target.checked) { updatedList = [...this.state.checked, event.target.name]; } else { updatedList.splice(this.state.checked.indexOf(event.target.name), 1); } this.setState({ checked:updatedList }); console.log(this.state.checked) };

Necesito acceder a los valores de casilla de verificación seleccionados para diferentes filas. (Supongamos que seleccioné 2 casillas de verificación en la fila uno después de abrir modal, entonces esos 2 valores deberían estar aquí separados por comas en la fila uno y seleccioné 4 casillas de verificación en la fila 2, luego el valor de 4 casillas de verificación debería ser en la fila 2 en forma separada por comas)