|  |  | 
 |  |  |     const [curAgvNo, setCurAgvNo] = useState(null); | 
 |  |  |     const [curAgvInfo, setCurAgvInfo] = useState(null); | 
 |  |  |  | 
 |  |  |     const fetchAgvInfo = (agvNo) => { | 
 |  |  |         setTitle(translate('page.map.devices.agv') + ' - ' + agvNo); | 
 |  |  |         setCurAgvNo(agvNo); | 
 |  |  |         getAgvInfo(agvNo, (response) => { | 
 |  |  |             setCurAgvInfo(response); | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         if (sprite) { | 
 |  |  |             const agvNo = sprite.data.no; | 
 |  |  |             if (agvNo) { | 
 |  |  |                 setTitle(translate('page.map.devices.agv') + ' - ' + agvNo); | 
 |  |  |                 setCurAgvNo(agvNo); | 
 |  |  |                 getAgvInfo(agvNo, (response) => { | 
 |  |  |                     setCurAgvInfo(response); | 
 |  |  |                 }); | 
 |  |  |                 fetchAgvInfo(agvNo); | 
 |  |  |             } | 
 |  |  |         } | 
 |  |  |  | 
 |  |  | 
 |  |  |                     <AgvMain | 
 |  |  |                         curAgvNo={curAgvNo} | 
 |  |  |                         curAgvInfo={curAgvInfo} | 
 |  |  |                         fetchAgvInfo={fetchAgvInfo} | 
 |  |  |                     /> | 
 |  |  |                 )} | 
 |  |  |                 {activeTab === 1 && ( |