Solo estoy explorando reaccionar con carbono y me quedé atascado con algún evento desencadenante. Aquí está mi pieza de código (ChildComponent)

 <DataTable rows={rows} headers={headers} size='tall' zebra> {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => ( <Table {...getTableProps()}> <TableHead> <TableRow> {headers.map((header, i) => ( <TableHeader key={i} {...getHeaderProps({ header })}> <React.Fragment>{header.header}</React.Fragment> </TableHeader> ))} </TableRow> </TableHead> <TableBody> {rows.map((row, j) => ( <div key={row.id}> <TableRow key={row.package} {...getRowProps({ row })}> <> {row.cells.map((cell) => ( <> <TableCell key={cell.id}>{cell.value}</TableCell> </> ))} <Button color='primary' id={row.package} onClick={this.props.redirectToDesigner(row.package)}> Open </Button> </> </TableRow> <br /> </div> ))} </TableBody> </Table> )} </DataTable>

Esto se encuentra en el componente secundario y el componente principal se ve a continuación

 import React from "react"; import ChildComponent from "./ChildComponent"; class ParentComponent extends React.Component { redirectToDesigner = (id) => { alert(1); console.log("TRYYYY", id); }; render() { return <ChildComponent redirectToDesigner={this.redirectToDesigner} />; } } export default ParentComponent;

Recibo la alerta y la consola como indefinida por alguna razón

Aquí puede ver un evento onclick, se activa pero no obtengo valor (row.id) de él. Necesito el valor para un mayor desarrollo.

Cualquier ayuda / violín será muy útil