Javascript 获取令牌并将其传递给render view-React js

我正试图取回代币并将其传递给我的苹果地图

const[mapToken，setMapToken]=useState（）；
useffect（（）=>{
getMapToken（）；
},[])
const getMapToken=async（）=>{
const res=等待获取（“令牌URL”）；
const token=wait res.text（）；
setMapToken（“'”+标记+”）；
}
//我可以看到这里的标记值用双引号括起来：
console.log（mapToken）当mapToken可用时，尝试呈现AppleMap

const [mapToken, setMapToken] = useState('');
    useEffect(()=> {

        getMapToken();
    },[])
    
    const getMapToken = async ()=>{
        const res = await fetch("TokenURL");
        const token = await res.text();
        setMapToken('"'+ token +'"');
    }

{mapToken.length&&
}
没有必要乱用引号，它已经是一个字符串了。通过添加引号，您将得到一个错误的标记。使用
setMapToken（令牌）mapToken.length不起作用，但我尝试了{mapToken&&如果使用空字符串初始化mapToken，mapToken.length将起作用。如果有效，请勾选答案？
{mapToken.length && <AppleMaps 
   token={mapToken}
   longitude={storeinfo.longitude}
   latitude={storeinfo.latitude}
   zoomLevel={10}
   height='150px'
   width='500px'
>
</AppleMaps>}