Javascript React-嵌套在初始对象中的值的句柄状态

我只是试图处理嵌套在初始对象中的任务的输入状态。我想将任务值设置为状态dataGoal对象中的名称

初始状态如下所示：

渲染方法：

render（）{
返回(
{Object.keys（this.state.dataGoal）.map（（key，index）=>{
返回
{this.state.dataGoal[key].name}
索引：{Index}

{Object.keys（this.state.dataGoal[key].tasks）.map（（taskKey）=>{
返回
{taskKey}

this.handleInputChange（e，key，taskKey）}/>
})}
this.appendInput（e，key）}>
{“+添加另一个任务”}
;
})}
);
}

通过如下方式破坏状态解决了此问题：

handleInputChange=（e，key，taskKey）=>{
常量值=e.target.value；
const name=e.target.name；
这是我的国家({
数据目标：{
…this.state.dataGoal，
[钥匙]：{
…this.state.dataGoal[key]，
任务：{
…this.state.dataGoal[key].任务，
[任务键]：{
…this.state.dataGoal[key].tasks[taskKey]，
[名称]：值
}
}
}
}
});
}

谢谢你的提示。初始状态.dataGoal设置为空对象。