1、前一篇說了redux的一些基本概念和用法，這一篇我們研究在react中如何使用redux，在react中使用redux的一些不同點。
2、redux中，我們通過store.subscribe()進行資料監聽，來更新頁面。在react中，我們針對了redux進行了react版本的一些增強(基本不使用store.subscribe()函式)，具體就是」react-redux」，所以我們在react的使用中一般都會引入這兩個庫，」redux」和」react-redux」;
3、引入語法是：
import
from
"redux"
;import
from
"react-redux"
;
4、createstore是用來建立資料容器的。基本語法是這樣的：
const store
=createstore(reducer);
基本語法如下：
import
from "redux";
function
reducer1
(state = 0, action)
}function
reducer2
(state=, action)
}const
reducer1,
reducer2,
});export default
import from "react-redux";7、connect顧名思義，連線，就是那裡需要進行資料處理，我把這個元件連線到store，就直接可以取用store中的state以及dispatch方法。render(<
provider
store
=>
<
main
/>
provider
>
,document.getelementbyid("root"));
其中，state就是獲取資料的物件，dispatch就是用於發出使用者action的。
基本使用示例：
import
from 'react-redux'
;import
contentcomponent from '../components/contentcomponent'
;let
mapstatetoprops
= (state)
=> }
export
default
connect(mapstatetoprops)(contentcomponent);
redux教程（一） 理解redux
react的頁面應用越來越複雜，資料和狀態的管理也越來越複雜，甚至夾雜著ajax非同步請求對資料狀態的變更。不知從什麼時候開始 react框架的資料狀態的管理已經越來越難以控制和 redux就是針對難以處理的資料管理，提出的一種解決方案。它能夠讓你的頁面的資料管理更輕鬆。當問到為什麼要使用redux...
快速理解redux
本篇文章主要說明redux的基本原理以及如何使用 高階元件 觀察者模式 react基礎 wepy基礎 有vue基礎也可以 簡單的說，context就是乙個全域性變數，它可以被乙個高階元件及該高階元件的所有子元件，孫組建等等共享 舉個例子，下圖是乙個react頁面 由上面三圖可以看出，本應一層一層傳遞...
redux簡要理解
connect將props dispatch連線到元件上。provider基於store.subscribe 封裝，如果store發生變化，會自動更新store,觸發重渲染。如果不寫provider，需要手動監聽 更新render。index.js store.subscribe function ...