如何理解react-redux

如何理解react-redux

随着前端单页面开发越来越复杂,javascript需要管理越来越多的状态state。如果一个model的变化引起另一个model的变化,view的变化,那么当 view 变化时,就可能引起对应 model 以及另一个 model 的变化,依次地,可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候,由于什么原因,如何变化已然不受控制。 当系统变得错综复杂的时候,想重现问题或者添加新功能就会变得举步维艰。Redux使得state在变化和异步中可预测。

在使用redux的应用中,所有的state都以一个对象树的形式存储在单一的store中,唯一改变 state 的办法是触发 action,action 如何改变 state 树,需要编写 reducers。

1、什么是React-redux

React-redux是用于连接React和Redux的。

2、为什么使用React-redux

使用React-redux可以使redux部分代码更简洁更明了,比如组建中需要使用到的数据都在mapStateToProps方法中,组建中需要修改store的操作都在mapDispatchToProps中。

3、Redux搭配react使用

在react-redux的使用中,关注两个方法:Provider和connect

● Provider把store放到context里,所有的子元素可以直接取到store,本质上 Provider 就是给 connect 提供 store 用的。

● connect 是一个高阶组件,接受一个组件 WrappedComponent 作为参数,负责链接组件,把给到redux里的数据放到组件的属性里。主要有两个作用:1. 负责接受一个组件,把state里的一些数据放进去,返回一个组件;2. 数据变化的时候,能够通知组件。

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是如何理解react-redux的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » React 答疑