React-redux學習簡述

react-redux簡述

• React-redux：是在React中使用redux，在react-redux的組件中，分爲UI組件和容器類組件
• UI組件：負責頁面UI的呈現，不使用任何Redux的API;
• 容器組件: 負責管理數據和邏輯，使用redux的API;

• React’-redux提供了connect()方法，用於從UI組件生成容器組件。爲了完成業務，需要給出下面兩方面的信息：

  1. 輸入邏輯：外部的數據（即state對象）如何轉換爲 UI 組件的參數
  2. 輸出邏輯：用戶發出的動作如何變爲 Action 對象，從 UI 組件傳出去。

• mapStateToProps()函數，建立一個從外部state對象到UI組件的props對象的映射關係，返回鍵值對的對象。

• 總結
  還有部分省略的React-redux的API。初步瞭解了Redux與React-redux的區別。