Tengo una tabla de diseño de hormigas con una casilla de verificación en la columna "asistencia". Quiero cambiar el estado de esa asistencia. Por ejemplo, quiero cambiar el estado de "ausente" a "presente" o viceversa, dependiendo de si la casilla de verificación está marcada. O no. Pero no tengo idea de cómo hacer eso. Compartiré mi código a continuación:

 import { Col, Form, Row, Select, Table, Input } from "antd"; const { Option } = Select; function AsistenciaDia() { const columns = [ { title: "NOMBRE", dataIndex: "name", align: "center", }, Table.SELECTION_COLUMN, { title: "ASISTENCIA", dataIndex: "asist", align: "center", }, ]; const data = []; for (let i = 0; i < 40; i++) { data.push({ key: i, name: `nombre ${i}`, asist: 'Absent', }); } return ( < <div className="container-asist-dia"> <Table className="asist-dia" columns={columns} rowSelection={{}} dataSource={data} pagination={false} scroll={{ y: 400 }} /> </div> </> ); } export default AsistenciaDia;