React中实现一个全局的参数
来源:互联网 发布:淘宝打折软件怎么用 编辑:程序博客网 时间:2024/05/28 19:24
近期项目中用到了一个全局的参数,就是关闭音效和开启音效。后来研究了半天最终还是用Redux来时实现。
首先来介绍一下,redux的工作原理:这里我们先将其分成三层,components View层、actions层和reduce层。我们在组件中(也就是components View层)想要获取数据的时候,首先需要dispatch一个通知到actions中,将actions层中执行返回的结果(实际也就是获取数据的方法)带到store中,这里面的store就是一个大仓库,返回的什么东西都在这里。而我们就是分类去取,这才有了reduce层的分类获取数据的方法,这些方法都有一个特点,不做任何处理,就是简单的返回出去。
处理这个问题的过程,其实很简单,就是关闭或者开启音效的地方,进行一个dispatch,将这个参数dispatch到store中(就是说将这个参数放到一个仓库中,至于什么时候,哪个地方用,就在哪个地方进行取就好了)。
function mapStateToProps(store) { return { sound: store.playSound.sound, };}
0 0
- React中实现一个全局的参数
- 一个实现系统全局热键的模块
- React-Manga 一个以React实现的漫画WebApp
- [2]React 深入浅出-----React的一个高级表格实现功能
- React 实现一个漂亮的 Table
- React 实现一个漂亮的 Table
- React 实现一个漂亮的 Table
- 用React实现一个完整的TodoList
- 实现一个自己的react-redux
- Android中application的使用-------传递全局参数
- react获取URL中参数
- 关于一个项目中全局配置文件读取的注意事项
- MySQL 主要的全局参数
- JavaEE关于全局参数的
- 一个类实现一个接口,可以重写接口中方法的参数类型吗?
- rsyncd - 全局部分中常用全局参数配置说明
- Webpack&React (五) 实现一个简单的便签应用
- 一个基于React Native实现的美食类APP。
- python打印红色
- PHP类的自动加载
- active nodes不显示
- 循环
- lightoj 1058 - Parallelogram Counting (几何,平行四边形)
- React中实现一个全局的参数
- jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
- TODO-MVP源码解析
- cf gym101061H Robocon Club(简单计算几何 似乎卡精度)
- maven打war包到指定目录下和tomcat下
- Subsequence
- ARM_Linux_NOTE_6
- Codeforce Gym 100819P : 2015-2016 ACM-ICPC Pacific Northwest Regional Contest - P 仔细看题啊!
- 0058 连续子数组的最大和