Redux和react-redux的区别是什么?

区别:

①:redux和组件进行对接的时候是直接在组件中进行创建。react-redux是运用Provider将组件和store对接,使在Provider里的所有组件都能共享store里的数据,还要使用connect将组件和react连接。

②:获取state的方式不一样

redux获取state是直接通过store.getState()。

react-redux获取state是通过mapStateToProps函数,只要state数据变化就能获取最新数据

③触发action的方式不一样。

redux是使用dispatch直接触发,来操作store的数据。

react-redux是使用mapDispathToProps函数然后在调用dispatch进行触发

Redux的工作原理?

redux是react中进行state状态管理的JS库(并不是react插件),一般是管理多个组件中共享数据状态。

首先react通过获取store中的数据并直接在页面渲染,一旦数据发生改变,react就会传递一个action动作,store将这个动作携带给reducer,reducer接收到指令后,通过一系列行为改变数据,再将更新好的数据传递给store,react就会获取store中的数据

React-redux的工作原理?

React-redux是一个redux的官方绑定react库,也是有三要素store,reducer,action 但是获取store中的数据与事件方法不一样,首先使用Provider标签将组件包裹起来,使store与组件对接,并且向store分发actions以更新数据,在组件中通过connect函数将组件与react对接,其中有两个参数一个是mapStatetoprops负责接收store中的数据,另一个是mapDispatchtoProps负责接收传递过来的的actions

你可能感兴趣的:(react.js,前端,javascript)