编辑:这是副本，看这里
我找不到任何在设置状态时使用动态键名的例子。这就是我想做的:
inputChangeHandler : function (event) {
this.setState( { event.target.id : event.target.value } );
},
其中event.target.id用作要更新的状态键。这在React中是不可能的吗?
当前回答
我也遇到过类似的问题。
我想设置第二级键在变量中存储的状态。
例如this.setState[烫({权限。代码:e.target.checked})
然而，这不是有效的语法。
我使用以下代码来实现这一点:
this.setState({
permissions: {
...this.state.permissions,
[perm.code]: e.target.checked
}
});
其他回答
我一直在寻找一个漂亮而简单的解决方案，我发现了这个:
this.setState({ [`image${i}`]: image })
希望这能有所帮助
我也遇到过类似的问题。
我想设置第二级键在变量中存储的状态。
例如this.setState[烫({权限。代码:e.target.checked})
然而，这不是有效的语法。
我使用以下代码来实现这一点:
this.setState({
permissions: {
...this.state.permissions,
[perm.code]: e.target.checked
}
});
你的状态与字典更新一些键而不丢失其他值
state =
{
name:"mjpatel"
parsedFilter:
{
page:2,
perPage:4,
totalPages: 50,
}
}
解决方案如下
let { parsedFilter } = this.state
this.setState({
parsedFilter: {
...this.state.parsedFilter,
page: 5
}
});
这里更新键“page”的值为5
请试试这个。
这里以国家为例
this.state = {
name: '',
surname: '',
username: '',
email: '',
}
Onchange函数在这里。
onChangeData = (type, event) => {
const stateData = this.state;
if (event === "" || event === "Seçiniz")
stateData[type] = undefined
else
stateData[type] = event
this.setState({ stateData});
}
当给定元素为对象时:
handleNewObj = e => {
const data = e[Object.keys(e)[0]];
this.setState({
anykeyofyourstate: {
...this.state.anykeyofyourstate,
[Object.keys(e)[0]]: data
}
});
};
希望它能帮助到别人
