From 1c0347c32b3f20c9eb4b482b1535ff8a1e9518c3 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期二, 23 四月 2024 11:18:48 +0800 Subject: [PATCH] # --- src/core/warehouse.jsx | 26 +++++++++++++++++++++----- 1 files changed, 21 insertions(+), 5 deletions(-) diff --git a/src/core/warehouse.jsx b/src/core/warehouse.jsx index b65db59..89a95c8 100644 --- a/src/core/warehouse.jsx +++ b/src/core/warehouse.jsx @@ -5,32 +5,48 @@ import Box from '../components/box'; import tunnelData from '../assets/data/tunnel'; import Tunnel from '../components/tunnel'; +import agvRealDataList from '@/assets/data/agv'; +import { INTERVAL_TIME } from '@/config/setting' + +let index = 0; const Warehouse = (props) => { const [agvData, setAgvData] = useState([ {} ]); - const [boxData, setBoxData] = useState([ {} ]) useEffect(() => { + const timer = setInterval(() => { + const agvRealData = agvRealDataList[index]; + if (agvRealData) { + setAgvData(agvRealData); + } + index++; + }, INTERVAL_TIME * 1.1); + 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) => { - // setAgvData(); - // setBoxData(); + }) return ( -- Gitblit v1.9.1