reactjs - 在 React 中同时从状态更改 2 个属性?
问题描述
使用以下内容是否有任何影响:
someFunction(){
this.setState({
propertyA:true,
propertyB:'some string'
})
}
还是应该通过单独的事件更改状态中的每个属性?
解决方案
这是设置状态的理想方式。setState
是一个异步调用,这意味着它将并发状态更新批处理到一个调用中,以防止不必要的渲染。
所以这:
someFunction(){
this.setState({
propertyA:true,
propertyB:'some string'
})
}
和这个:
someFunction(){
this.setState({
propertyB:'some string'
});
this.setState({
propertyA:true,
});
}
会产生同样的结果。
推荐阅读
- android - 我包含了 Android 支持库 compat,但我无法摆脱 abc_* 布局和其他我并不真正需要的东西。如何摆脱它们?
- c++ - Ubuntu 16.04 中代码块上的 OpenGL 项目无法编译
- php - 消息功能未发送所有必需的数据
- javascript - 选择行时自动选中复选框
- google-apps-script - Google Script – 表单提交行为更改
- r - group_by() 和 summarise() 错误
- android-studio - 安装区发现一些冲突 - Android Studio - cacerts错误
- timeout - 为什么 AWS lambda 函数在 VPC 中有时会超时,有时工作正常?
- android - 如何使用这个 xml drawable 作为进度条
- scala - Maven 基于 Jenkins 构建