已解決430363個問題，去搜搜看，總會有你想問的

為什么我的狀態沒有充滿響應？

首頁猿問為什么我的狀態沒有充滿響應？

為什么我的狀態沒有充滿響應？

JavaScript

LEATH 2023-01-06 15:41:28

console.log(data) 為我提供了一個包含正確數據的對象，但是，我為該數據設置了速率，但是當控制臺記錄速率時，我得到一個空對象 {}。提前致謝。const [rates, setRates] = useState({}); useEffect(() => { search(); }, []); const search = async () => { const response = await axios.get('https://api.exchangeratesapi.io/latest'); const data = response.data.rates; console.log(data); setRates(data); console.log(rates); };

查看完整描述

1 回答

翻閱古今

TA貢獻1780條經驗獲得超5個贊

正如有人在評論中所說，狀態更新將反映在下一次渲染中。此外，我將解決您的代碼中的一些問題。

const [rates, setRates] = useState({});

useEffect(() => {

// move this in here unless you plan to call it elsewhere

const search = async () => {

const response = await axios.get('https://api.exchangeratesapi.io/latest');

const data = response.data.rates;

setRates(data);

};

search();

}, [/* no dependencies means it runs once */]);

如果您確實計劃在其他地方調用search，請將其包裝在一個useCallback鉤子中，以便您可以將其設置為您的依賴項useEffect（如果沒有，您將收到一個 lint 警告）。useCallback使用空的依賴數組將始終返回相同的函數引用，因此您useEffect將只運行一次，就像現在一樣。

如果您search作為組件中的普通函數離開，則引用會更改每個 render，因此如果您將其作為依賴項包含在內，您的效果將在每次渲染時運行。

const [rates, setRates] = useState({});

const searchCallback = useCallback(async () => {

const response = await axios.get('https://api.exchangeratesapi.io/latest');

const data = response.data.rates;

setRates(data);

}, [])

useEffect(() => {

// move this in here unless you plan to call it elsewhere

search();

}, [searchCallback]);

反對回復 2023-01-06

1 回答
0 關注
112 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

為什么我的狀態沒有充滿響應？

為什么我的狀態沒有充滿響應？

1 回答

添加回答

為什么我的狀態沒有充滿響應？

為什么我的狀態沒有充滿響應？