reactjs - 使用 reactJS 中的变量将值设置为嵌套状态
问题描述
我已经定义了一个变量,它将值作为键粘贴到 userInfo 中。
this.state = {
userInfo: {
firstName: "",
lastName: "",
email: ""
}
}
//_________________________________________
onChange = (e)=>{
var stateChild = e.target.name // stateChild here is variable which will return (firstname, lastName or email) of userInfo
var userInfo = {
// ...this.state.userInfo
}
userInfo.stateChild = e.target.value; // I want to paste state child's value here
console.log(userInfo.stateChild);
}
解决方案
我setState
在你的处理程序中没有。你有没有尝试过:
this.state = {
userInfo: {
firstName: "",
lastName: "",
email: ""
}
};
onChange = e => {
this.setState(prevState => ({
userInfo: {
...prevState.userInfo,
[e.target.name]: e.target.value
}
}));
};
推荐阅读
- android - 如何在我的 Android 应用程序中接收和拨打 MS Teams 电话会议
- oracle - ORA-02289: 序列不存在
- javascript - 在不使用黑客键盘的情况下在 Android 中调用浏览器的键盘加载 - JavaScript
- c# - 在集合之间查找唯一对象
- ruby-on-rails - Ruby on Rails 未定义方法“referrals_path”
- reactjs - 单击叠加层时,材质 UI 对话框未关闭
- ibm-integration-bus - 使用 IIB 中的 HTTP 请求节点将文件作为附件发送
- ruby - 这段 Ruby 代码有什么问题?为什么地图代码块后数组为空?
- linux - BASH,if 语句未按预期运行
- spring - Spring data rest - 复合主键的发布请求