當我嘗試使用{setpickupcoord}在 div 中注入此元素時出現此錯誤
const [pickupcoord, setpickupcoord] = useState();
const [dropoffcoord, setdropoffcoord] = useState();
//Pick Up Section
let GetPickup = () => {
let pickup = "Skoura Mdaz";
fetch(
`https://api.mapbox.com/geocoding/v5/mapbox.places/${pickup}.json?`
new URLSearchParams({
access_token:
"pk.eyJ1IjoiZW5naW5uZXJkciIsImEiOiJja3ZtOW55bGEweGNiMnhvdTBzM2oydGt1In0.UrfgWtDHRAvLZSgD8ruhVA",
limit: 1,
})
)
.then((res) => res.json())
.then((data) => {
setpickupcoord(data.features[0].center)
});
};
`Here Use Effect Goes `
useEffect(() => {
GetPickup();
GetDroopOf();
},[]);
return (
<Wrapper>
<Map />
<ContainerItems>
<Headtitile>
<Header>
<Title>Pickup: {setpickupcoord}
</Title>
</Header>
</Headtitile>
</ContainerItems>
</Wrapper>
);
}
當我在 Title 標簽中注入{setpickupcoord} 時，我收到此錯誤
這是錯誤
這是正在處理的頁面，它是一個空的 div
uj5u.com熱心網友回復：
setpickupcoord是一個函式。pickupcoord放在組件的回傳函式中會更合適。
https://reactjs.org/docs/hooks-state.html
uj5u.com熱心網友回復：
你不能setpickupcoord在 react 組件體內部使用，因為它的型別是React.Dispatch，而你可以像這個片段一樣使用它。
const something = () => {
const [state, setState] = React.useState(false);
return (
<div onClick={() => setState(!state) }>
<p>Toggle</p>
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/351406.html