React Hook 下setState的回調

背景: React 的hook出現了已經很長一段時間了,最近着手想把之前的reacrt16.5.0的代碼換成hook的寫法
Hook之前的寫法:
     ex:
        react

   getDataInfo(dataId) {
      this.set({
         dataId: dataId
      }, ()=>{
             setDatainfo(dataId);
      })
   } 
  setDatainfo (dataId) {
       .....xxxxxx
  }


原覺得直接git

function getDataInfo(props) {
   const [dataId, setDataId] = useState('');
   setDataId(dataId, ()=>{setDataInfo(dataId)});
}

而後報錯了,不支持第二個參數;
在react官方git上搜羅了一下解決方案
https://github.com/facebook/react/issues/14174

Abramov 大神竟然也回了,不必使用的第二個參數,雖然各路大神都貼出瞭解決方案,可是跟着Abramov的思路應該沒問題的;
突然想到了useEffect;
因而動手開始實驗:github

       useEffect(()=>{
           setDataInfo(dataId);
        },[dataId]);

好簡單的說.this

相關文章
相關標籤/搜索