Redux與React的關係詳解

2021-08-03 16:57:02 字數 1043 閱讀 8539

redux和react並沒有半毛錢關係,但是兩者又恰好能夠很好的結合在一起

為啥?react-關注view層的元件化

redux-關注datamodel的處理

所以沒關係。

redux產生原因:

前端頁面會處理很多很多的data,每一條data可能引起其他data的變化,而每一次資料更新將會更新view,那麼就會產生及其混亂的狀態,所以redux產生了。

redux的原理:

既然是為了整治混亂的狀態,那麼怎麼整治混亂呢?**集權啊(不得不感嘆五千年文明的底蘊了。。。。),對!redux就是**集權,所有的資料處理和view更新都由我來做了!

對待redux正確的方式就是把它當成乙個黑盒子:

狀態(資料)輸入===》黑盒子===》新狀態(新資料)輸出

是不是和學習的函式很像,new=f(old),就是這樣了!

三個重要的原則

只有乙個store、state只能由action去改變 、自己去編寫dispatcher

拿官網簡單的例子說明:

import  from 'redux'

//相當於設定了不同的操作對應的狀態是什麼樣子的

function todos(state = , action)

}//相當於store中儲存了兩個狀態,可以這麼認為,有幾個switch/case就有幾個state,類似於從todos中抽取

let store = createstore(todos, [ 'use redux' ])

//手動訂閱相關更新,資料更新就可以改變view,是不是離react越來越近?暫且不管

store.subscribe(() =>

console.log(store.getstate())

);//自己去安排什麼樣的動作和狀態

store.dispatch()

【輸出:use redux read the docs】

React Native與React的關係及特點

react是基礎框架,是一套基礎設計實現理念,開發者不能直接使用它來開發移動應用或網頁。在react之上發展出了react.js框架用來開發網頁,發展出來react native用來開發移動應用。因為react基礎框架與react.js框架是同時出現 同時進化發展的,就造成了react基礎框架的基本...

react中redux的使用

1.安裝redux npm install redux 2.store的建立 src store index.js import from redux import reducer from reducer const store createstore reducer src store redu...

react 中的redux的使用

在專案中安裝redux yarn add redux yarn add react redux 首先建立乙個store資料夾 在store資料夾中建立乙個index.js檔案 在index.js中建立乙個例項 import from redux const state createstore exp...