1. 程式人生 > 實用技巧 >React-redux使用

React-redux使用

為什麼要使用react-redux

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

如何使用

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



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




還有一種簡化寫法