美文网首页react
react 中的 redux 和react-redux的区别分析

react 中的 redux 和react-redux的区别分析

作者: 无名程序猿 | 来源:发表于2019-04-10 14:12 被阅读0次

参考资料:

1、React-Redux 的用法 - 阮一峰网络日志

2、react-redux 官方文档

3、redux和react-redux小记

项目总结:

1、入口文件添加(将store数据暴露给所有子组件)

2、子组件使用

(1)通过connect 声明式获取global参数

(1)

(2)、直接通过props进行使用

存储在store中数据 (2)

3、使用react-redux来管理状态之后,页面中的this.state 就没必要使用,这时当 页面状态改变后是如何改变state的?

(1)、首先如果想改变页面状态,就必须有一个用户的操作行为action

菜单选择事件

(2)、通过props.dispatch操作回调事件,将action 的type、payload参数传递过去

(3)、在定义好的reducer中进行操作响应,改变数据状态

update状态

注意update方法的引入

注意:

此时最重要的是glodal.ts需要在store.ts中引入,而store.ts同时也需要引入到入口文件index.tsx中,传入store,实现所有子组件都可以调用到全局的store中的变量。

store.ts index.tsx

相关文章

网友评论

    本文标题:react 中的 redux 和react-redux的区别分析

    本文链接:https://www.haomeiwen.com/subject/rwobiqtx.html