react-thunk的使用流程

react-thunk作用:使我們可以在action中返回函數,而不是隻能返回一個對象。然後我們可以在函數中做很多事情,比如發送異步的ajax請求。

export const getList = () => {
  return (dispatch) => {
      axios.get('/api/headerList.json').then(
        (res) => {
          const data = res.data;
          dispatch(changeList(data.listData))
        }
      )
  }

這就是react-thunk的使用方法。接受一個dispatch參數,返回一個函數。store發現action是一個函數,就會自動執行這個函數。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章