Tengo un componente de reacción de tabla de arranque y me gustaría agregar el registro json anidado como una tabla cuando cada fila en la tabla de arranque, la fila debe expandirse y mostrar que el json anidado tiene una tabla. Sin embargo, no puedo acceder al json anidado en la función de expandir fila.
Mi objetivo: actualmente tengo una tabla que muestra los datos del json externo en una tabla. Sin embargo, quiero que los elementos en el resumen json anidado se representen en una tabla cuando se hace clic en cada fila.
const userList = [ { id: 1, firstName: "james", lastName: "smith", age: 20,summary:{city:'lag', min:12} }, { id: 2, firstName: "alex", lastName: "green", age: 20 , summary:{city:'lao', min:121}}, { id: 3, firstName: "may", lastName: "jones", age: 18, summary:{city:'dag', min:112} } ]; columns=[ {text:'id',dataField:id}, {text:'firstName',dataField:id firstName}, {text:'lastName',dataField: lastName} ] const expandRow = { renderer: row => ( <BoostrapTable data={userList} columns={row.columns.summary}/> ) }; <BoostrapTable data={userList} columns={columns} keyField="id expandRow={ExpandRow}/>Está utilizando la variable incorrecta, no son filas, sino filas:
const expandRow = { renderer: row => ( <BoostrapTable data={[row.summary]} columns={{text:'city',dataField:'city'}, {text:'min',dataField:'min'}}/> ) };