Redux的作者友情贊助,封裝了一個 React 專用的庫 React-Redux,為 React + Redux 提供了一種更科學(xué)的代碼組織方式。

本人認(rèn)為React-Redux的中心思想就是實現(xiàn)ModelView的分離。它將所有組件分成兩大類:

  • UI組件(View層)

    • 只負(fù)責(zé) UI 的呈現(xiàn),不帶有任何業(yè)務(wù)邏輯

    • 沒有狀態(tài)(即不使用this.state這個變量)

    • 所有數(shù)據(jù)都由參數(shù)(this.props)提供

    • 不使用任何 Redux 的 API

  • 容器組件(Model層)

    • 負(fù)責(zé)管理數(shù)據(jù)和業(yè)務(wù)邏輯,不負(fù)責(zé) UI 的呈現(xiàn)

    • 帶有內(nèi)部狀態(tài)

    • 使用 Redux 的 API

這樣以來也實現(xiàn)了Redux和React分離,UI組件只要書寫react的代碼,容器組件只負(fù)責(zé)書寫redux相關(guān)操作,易于書寫與維護(hù)。

react-redux主要提供了倆個關(guān)鍵API:Provider組件 和 connect函數(shù)。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式