Redux的三大原则?实现思路?

三大原则

Store:在redux里面,只有一个store,整个应用需要管理的数据都在这个store里面。这个store我们不能直接去改变,我们只能通过返回一个新的store去更改。Redux提供了一个createStore来创建state。

Action:这个action指的是视图层发起的一个操作,告诉store我们需要改变。比如用户点击了按钮,我们就要去请求列表,列表的数据就会变更。

Reducer:在上面我们定义了一个Action,但是action不会主动发出变更操作到store,所以这里我们需要调用store的dispath方法,当dispath发起一个action之后,会到达reducer,那么这个renducer是用来干什么的?顾名思义,这个reducer就是用来计算新的store的,reducer接收两个参数(当前的state,接收到的action动作)然后他经过计算,会返回一个newstate状态。(前面我们已经说过了,不能直接更改,必须通过返回一个新的state来进行更改。)
这个renducer是一个纯函数。纯函数:就是一个函数的返回结果只依赖于它的参数,并且在执行过程中没有副作用,我们就把这个函数叫做纯函数。

React-redux实现思路?

在入口文件中,使用Provider组件包裹组件并注入store,在同一个的Provider标签中,store是可以共享的。在页面组件中,再使用connect将当前页面组件和派发的state和dispatch绑定,store中的state数据派发到props中,然后自定义的函数也同样派发到props上,这样就可以从props中获取到变量和方法了。
因为使用connect连接,当store发生变化的时候,对应的组件数据也会更新。

react-redux将业务逻辑写在自定义的派发函数中,将函数派发到props中,从props中获取state中的值和自定义的函数。thunk将部分异步处理业务逻辑写在action中,saga则是放在监控的函数中。)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值