用setState（）更新嵌套的React状态属性的最佳选择是什么？

我可以想到其他一些方法来实现它。

解构每个嵌套元素，仅覆盖正确的元素：

this.setState(prevState => ({    inputs: {        ...prevState.inputs,        username: { ...prevState.inputs.username, touched: true        }    }}))

使用解构运算符复制您的输入：

this.setState(prevState => {    const inputs = {...prevState.inputs};    inputs.username.touched = true;    return { inputs }})

编辑

使用计算属性的第一个解决方案：

this.setState(prevState => ({    inputs: {        ...prevState.inputs,        [field]: { ...prevState.inputs[field], [action]: value        }    }}))