¡espero que lo estés haciendo bien! después de haber obtenido con éxito todas las experiencias de la base de datos y guardarlas en un estado (experiencias) como muestra el código. Ahora intento obtener la experiencia seleccionada actual al hacer clic en el botón Validar (para actualizar un campo en esta experiencia actual seleccionada) y luego eliminar la tarjeta en la que hice clic en el botón, este es el código:

 function Tables() { const [experiences, setExperiences] = useState(null); useEffect( () => { const response = /*some code to get the experiences*/ setExperiences(response.experiences); setIsPending(false); },[experiences]); function showConfirm(values) { confirm({ title: 'Do you Want to Validate this Experience?', content: 'Some descriptions', onOk() { console.log('Yes'); //await contract.methods.validateExperience("titrePoste", account[0]).send({ from: account[0] }); console.log(values.id); }, onCancel() { console.log('Cancel'); }, }); } return ( <> <Row gutter={[24, 24]}> {isPending && <div>Loading ... </div>} {experiences && experiences.map((experience, index) => ( <div key = {experience.id} > { experience.valide ? <p></p> : <Col span={24} > <Card className="card-billing-info" bordered="false"> <div className="col-info"> <Descriptions title={experience.titrePoste}> <Descriptions.Item label="Job Title" span={3}> {experience.titrePoste} </Descriptions.Item> <Descriptions.Item label="Description" span={3}> {experience.description} </Descriptions.Item> </Descriptions> </div> <div className="col-action"> <Button type="link" danger onClick={showDeleteConfirm}> {deletebtn}DELETE </Button> <Button type="link" onClick={showConfirm}> {<CheckOutlined />} VALIDATE </Button> </div> </Card> </Col> } </div> ))} </Row> </> ); }```