react中dispatch_react-redux中dispatch是异步?
当我dispatch的时候,马上打印需要改变的值,发现并没有立刻改变;
代码如下,我查了一些文章但是依旧没有得到想要的答案,希望有大神能给我简单讲解下这是为什么?redux修改不应该是同步执行的吗?
// component.js
import { connect } from 'react-redux';
import action from '../actions/test.js';
class Test extends Component {
addnum = () => {
this.props.setaddnum(1);
console.log(this.props.state.fileMange.addnum); // 0
// 我很疑惑我点击之后不应该打印出来的是1吗?实际上这个addnum是改变了,但是没有立刻改变
};
render () {
return (
click
)
}
}
export default connect(state => ({ state }), action)(Test);
// test.js
export default {
setaddnum (num) {
return {
type: 'SET_ADD_NUM',
addnum: num
};
}
}
// reducers
// 初始化state数据
const initialState = {
addnum: 0
};
export default (state = initialState, action) => {
switch (action.type) {
case 'SET_ADD_NUM':
return Object.assign({}, state, { addnum: action.addnum });
default:
return state;
}
};
react中dispatch_react-redux中dispatch是异步?相关推荐
- 【React+TS】从零开始搭建react+typescript+router+redux+less+px2rem自适应+sass+axios反向代理+别名@+Antd-mobile
一.通过create-react-app脚手架创建项目 npx create-react-app testproject --template typescript 在vscode中打开项目,可以看到 ...
- 【React+TS】从零开始搭建react+typescript+router+redux+less+pxToVw自适应+sass+axios反向代理+别名@+Antd-mobile
一.通过create-react-app脚手架创建项目 npx create-react-app testproject --template typescript 在vscode中打开项目,可以看 ...
- 优雅的在React项目中使用Redux
概念 首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与React没有任何关系,其他UI框架也可以使用Redux react-redux React插件,作用:方便在 ...
- 如何优雅地在React项目中使用Redux
前言 或许你当前的项目还没有到应用Redux的程度,但提前了解一下也没有坏处,本文不会安利大家使用Redux 概念 首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与 ...
- 如何react中使用redux和react-redux
Redux Redux 是 JavaScript 状态容器,提供可预测化的状态管理. 可以让你构建一致化的应用,运行于不同的环境(客户端.服务器.原生应用),并且易于测试. 不仅于此,它还提供 超爽的 ...
- 优雅的在React项目中使用Redux 1
或许你当前的项目还没有到应用Redux的程度,但提前了解一下也没有坏处 首先我们会用到哪些框架和工具呢? React UI框架 Redux 状态管理工具,与React没有任何关系,其他UI框架也可以使 ...
- 如何在React Native中使用Redux Saga监视网络更改
by Pritish Vaidya 通过Pritish Vaidya 如何在React Native中使用Redux Saga监视网络更改 (How to monitor network change ...
- [Redux/Mobx] Redux中异步action和同步action最大的区别是什么?
[Redux/Mobx] Redux中异步action和同步action最大的区别是什么? 同步action:执行了dispatch函数之后,对应的reducer纯函数立即得到执行,reducer执行 ...
- Redux中的功能式React式编程简介
by Bhuvan Malik 通过布凡·马利克(Bhuvan Malik) Redux中的功能式React式编程简介 (An introduction to functional Reactive ...
- 【React】redux中引入createStore有删除线
redux中引入createStore有删除线 如下图 鼠标移进去看了一下发现,具体内容是 使用了弃用的符号,请查阅文档,以获取更好的替代性 解决方法 1.根据提示把import换成 import { ...
最新文章
- Word2Vec 使用总结
- Windows 2003 服务器播放FLV的问题解决
- jQuery 的 slideUp 和 slideDown 下拉卷动问题
- 简介Gulp, Grunt, Bower, 和 Npm 对Visual Studio的支持
- Codeigniter 3 拓展HMVC
- python执行Linux系统命令
- 用 C++ 跟你聊聊“桥接模式” | 原力计划
- Qt connect()的第五种重载[=](){}
- formatter function (value,row,index){} 参数的含义
- 【IoT】创业指南:智能硬件产品原型设计指南
- 浅析markdown和富文本编辑器
- phpstudy的安装教程
- 喝酒骑行电瓶车属于违法或者犯罪吗?
- #每日一题 力扣第22题 黑白格子画
- 《蒋勋说宋词》 读后感
- aptx与ldac音质区别_aptx跟ldac差距大么
- Java 生成微信扫描的二维码,跳转到指定网址,图片增加二维码及文字水印
- 电容笔和Apple pencil的区别?双十一值得买电容笔排行榜
- 积极人生/The Seven Habits of Highly Effective People
- CV、CA、CT运动模型的理解和matlab程序简单实现