redux-thunk的理解

這兩天可苦了本寶寶,看文檔,看博客,goole,百度無缺多資料,仍是沒法理解redux-thunk是個什麼鬼東西。可能天生愚笨。react

直到我遇見了一個這樣的問題:ajax

  (假設你已經知道了redux中store、action、reducer之間的關係和用法)當咱們從後臺獲取數據,並把後臺獲取的數據展保存在全局store中時,問題來了,Ajax是異步請求啊!我咋個知道何時他已經保存進了store中,並在組件中使用(假設你已經知道了如何關聯redux和react,懂了如何connect)this.props去渲染在組件中?redux

  在我不斷敲試代碼中,終於發現了redux-thunk的神祕!他能返回兩種狀態,一種是我尚未把後臺數據保存給全局store中,一種狀態是已經保存好了。而後,問題又來了,怎麼去辨識他們兩種狀態呢?答案很簡單,在reducer的返回的action字段中,添加一個屬性isFetching來辨識,初始狀態設置isFetching爲ture,表示正在保存中,ajax保存完後,將isFetching改成false,而後在組件中判斷一下該state的isFecthing便可。異步

  注:可能你也會看不懂我亂七八糟的理解,因此學習是一個漫長的過程!!!學習

相關文章
相關標籤/搜索