inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-06-17 04:25:42 +00:00
Code Activity

use state to handle rerenders

Browse Source
This commit is contained in:
Matthias Mair
2024-05-05 23:44:24 +02:00
parent ecc3b25464
commit 6719eb810b
1 changed files with 28 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/frontend/src/pages/Index/Scan.tsx
View File

@ -42,7 +42,7 @@ import {
} from '@tabler/icons-react'; } from '@tabler/icons-react';
import { Html5Qrcode } from 'html5-qrcode'; import { Html5Qrcode } from 'html5-qrcode';
import { CameraDevice } from 'html5-qrcode/camera/core'; import { CameraDevice } from 'html5-qrcode/camera/core';
import { useEffect, useState } from 'react'; import { ReactNode, useEffect, useState } from 'react';
import { api } from '../../App'; import { api } from '../../App';
import { DocInfo } from '../../components/items/DocInfo'; import { DocInfo } from '../../components/items/DocInfo';
@ -398,8 +398,11 @@ function HistoryTable({
setSelection((current) => setSelection((current) =>
current.length === data.length ? [] : data.map((item) => item.id) current.length === data.length ? [] : data.map((item) => item.id)
); );
const [rows, setRows] = useState<ReactNode>();
const rows = data.map((item) => { useEffect(() => {
setRows(
data.map((item) => {
return ( return (
<tr key={item.id}> <tr key={item.id}>
<td> <td>
@ -421,7 +424,9 @@ function HistoryTable({
<td>{item.timestamp?.toString()}</td> <td>{item.timestamp?.toString()}</td>
</tr> </tr>
); );
}); })
);
}, [data, selection]);
// rendering // rendering
if (data.length === 0) if (data.length === 0)