1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| import { useEffect, useRef, useMemo } from 'react';
| import Agv from '../components/agv';
| import tunnelData from '../assets/data/tunnel';
| import Tunnel from '../components/tunnel';
|
| const Warehouse = (props) => {
|
| useEffect(() => {
|
| }, [])
|
| const agvEl = useMemo(() => {
| return (
| <Agv />
| )
| }, []);
|
| const tunnelEl = useMemo(() => {
| return tunnelData.map((tunnel, index) => <Tunnel key={index} {...tunnel} />)
| }, []);
|
| return (
| <>
| <group>
| {agvEl}
| {tunnelEl}
| </group>
| </>
| )
| }
|
| export default Warehouse;
|
|