Estoy tratando de eliminar el primer elemento de la matriz de datos usando data.shift() pero esto elimina el primer elemento inmediatamente y luego mi columna obtiene un valor diferente. Mi código:
import React, { useMemo } from "react"; import useData from "../../hooks/useData"; import Table from "./Table"; const TableSection = ({ query }) => { const { data } = useData(query); const column = data.length > 0 && Object.keys(data[0]).map((key, value) => { return { Header: data[0][key], accessor: key, }; }); data.shift(); const columns = useMemo(() => column, [column]); const queryData = useMemo(() => data, [data]); return ( <div className="col-start-2 col-end-3 row-start-3 row-end-4 mt-3 text-black w-1/2 overflow-x-scroll"> {data.length > 0 && <Table columns={columns} data={queryData} />} </div> ); }; export default TableSection;Alguien por favor me ayude con esto.
No cambie el estado del objeto de data dentro de un componente funcional. Si desea representar todo menos la primera fila, puede cambiar su memo de queryData para que sea:
const queryData = useMemo(() => data.slice(1), [data])