React-redux使用

• 2020 年 7 月 9 日
• 筆記
• React, 前端知識點

為什麼要使用react-redux

• 由於redux的store與組件的耦合度太高所以，我們用react官方提供的react-redux可以使兩者耦合度降低，更好的實現模組化開發。
• react-redux使我們使用store更加的方便簡潔

如何使用

1. 首先store，reducer， actions的創建方式不變，我們只把在組件中用store API方式換成了高階組件的方式
2. /index.js/入口文件中，我們把根組件渲染到頁面我們需要如下的書寫方式：

3. 接下來我們需要定義一個包裹組件，用來給UI組件傳值。利用connect這個高階函數，它可以給被包裹的組件傳值，在組件中用props就可以拿到。

還有一種簡化寫法