第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

為什么我的狀態(tài)沒有充滿響應？

為什么我的狀態(tài)沒有充滿響應？

LEATH 2023-01-06 15:41:28
console.log(data) 為我提供了一個包含正確數(shù)據(jù)的對象，但是，我為該數(shù)據(jù)設置了速率，但是當控制臺記錄速率時，我得到一個空對象 {}。提前致謝。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條經(jīng)驗 獲得超5個贊

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


  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 */]);

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


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


 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 關注
  • 124 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號