From b73f7463490db854721446779cc11e3b910d8fa2 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 23 四月 2024 10:31:48 +0800
Subject: [PATCH] #
---
src/core/warehouse.jsx | 21 ++++++++++++++-------
1 files changed, 14 insertions(+), 7 deletions(-)
diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx
index c4ce962..d19c2ac 100644
--- a/src/core/warehouse.jsx
+++ b/src/core/warehouse.jsx
@@ -5,7 +5,8 @@
import Box from '../components/box';
import tunnelData from '../assets/data/tunnel';
import Tunnel from '../components/tunnel';
-import agvRealDataList from '@/assets/data/agv'
+import agvRealDataList from '@/assets/data/agv';
+import { INTERVAL_TIME } from '@/config/setting'
let index = 0;
@@ -14,29 +15,35 @@
const [agvData, setAgvData] = useState([
{}
]);
-
const [boxData, setBoxData] = useState([
{}
])
useEffect(() => {
-
- setInterval(() => {
+ const timer = setInterval(() => {
const agvRealData = agvRealDataList[index];
if (agvRealData) {
setAgvData(agvRealData);
}
index++;
- }, 2000)
+ }, 1000);
+
+ return () => {
+ clearInterval(timer);
+ }
}, [])
const tunnelEl = useMemo(() => {
return tunnelData.map((tunnel, index) => <Tunnel key={index} {...tunnel} />)
}, []);
- const agvEl = agvData.map((data, idx) => <Agv key={idx} {...data} />)
+ const agvEl = useMemo(() => {
+ return agvData.map((data, idx) => <Agv key={idx} {...data} />)
+ }, [agvData]);
- const boxEl = boxData.map((data, idx) => <Box key={idx} {...data} />)
+ const boxEl = useMemo(() => {
+ return boxData.map((data, idx) => <Box key={idx} {...data} />)
+ }, [boxData]);
useFrame((state, delta) => {
--
Gitblit v1.9.1