App() {
const [data, setData] = useState([]);
const columns = useMemo(
() => [
{
Header: "Позиция",
accessor: "item.name",
},
{
Header: "Группа",
accessor: "item.ctg.name",
Cell: ({cell: {cell}, row: {row}}) => {
console.log(row, cell)
return row
}
},
{
Header: "Упаковка",
accessor: "pack.name",
// Cell: ({cell: {amount}}) => amount === 1 ? amount : "-"
},
{
Header: "Количество",
accessor: "total"
},
],
[]
)
// console.log(data)
useEffect(() => {
fetch(
"http://127.0.0.1:5000/api/storage",
{
mode: "cors"
}
).then(
resp => resp.json()
).then(
res => {
setData(res.storage)
console.log(res)
}
)
},
[]
)
const storage = useMemo(() => data, [data])
return (
<div className="App">
<Table columns={columns} data={storage} ready={false}/>
</div>
);
}
export default App;
Нельзя скрин кидать?
может колонки совсем вынести, если там хардкод только? и useMemo ничего не делает
обычно везде на скрины наоборот ругаются)))
да я пока что эксперементирую
ты написал что useMemo ничего не делает
потому что нет ситуаций когда storage не будет равняться data
Обсуждают сегодня