Intenté mostrar para cada elemento en la matriz de datos solo la clave de nombre que necesito para mostrarla con la tabla.
const data = [{id: "111", name: "Danny", city: "NYC"}, {id: "222", name: "Roni", city: "LDN}, {id: "333", name: "Suzi", city: "TLV", {id: "444", name: "John", city: "SF"} ] const config = [{fieldToShow: "name"}] <tbody> {data.map((row) => { return ( <tr> {config.map((value) => { return <td>{row[value.field]}</td>; })} </tr> ); })}pero no funciono...
Su objeto de configuración tiene un campo clave fieldToShow :
const config = [{fieldToShow: "name"}] mientras intenta obtener el field clave en su mapa. Cambias esta línea:
return <td>{row[value.field]}</td>;a esto:
return <td>{row[value.fieldToShow]}</td>;puedes hacer esto:
export default function Test() { const data = [ { id: '111', name: 'Danny', city: 'NYC' }, { id: '222', name: 'Roni', city: 'LDN' }, { id: '333', name: 'Suzi', city: 'TLV' }, { id: '444', name: 'John', city: 'SF' }, ]; const config = [{ fieldToShow: 'name' }]; return ( <tbody> {data.map((row) => ( <tr> {data.map((row) => ( <tr> {config.map((value) => ( <td>{row[value.fieldToShow]}</td> ))} </tr> ))} </tr> ))} </tbody> ); }