tratando de cargar los datos de accesorios en el jsx, cuando intento iterarlo dentro de la devolución, obtengo un error de .map no definido.
const SavedListTable = (props) => { console.log(props); const {listData, setListData} = props; if(setListData.length > 0) { return( setListData.map((setListData, index) => { console.log(setListData) return( <div> <tr> <td >{setListData.name}</td> <td >Project</td> <td>00 May 2022</td> </tr> </div> ) }) ) }esta es la respuesta de console.log(props)
{notes: Array(8)} notes: (8) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] [[Prototype]]: ObjectUse el encadenamiento opcional cuando use la función de mapa, a veces puede causar errores debido a la respuesta de la API y, cuando se trata, use el método de encadenamiento opcional en ES6. Te ayudará. Y trata de evitar console.log() a cambio, pero si quieres usarlo, usa así {console.log()}
no es una buena pregunta, puede usar array.map() para devolver las filas de esta tabla
como esta `const TablaListaGuardada = (accesorios) => {
return( props.notes.map((row) => ( <div> <tr> <td >{row.name}</td> </tr> </div> )) )}`
use este paquete sería más fácil
https://www.npmjs.com/package/react-data-table-component
este es un ejemplo, solo tiene que analizar la matriz en el componente DataTable
https://react-data-table-component.netlify.app/?path=/docs/getting-started-examples--page
Primero pase la matriz listData y la función setListData a los accesorios de este componente y luego debe cambiar setListData a listData, setListData no es la matriz sino la función para configurar la lista
const SavedListTable = (props) => { console.log(props); const {listData, setListData} = props; if(listData.length > 0) { return( listData.map((data, index) => { console.log(data) return( <div> <tr> <td >{data.name}</td> <td >Project</td> <td>00 May 2022</td> </tr> </div> ) }) ) }