Javascript 在react中更新JS状态对象的最佳路径

如何改进此代码

const [formData, setFormData] = useState({});
const setFormFieldValue = (name, value) => {
    let newValues = {};
    newValues[name] = value;
    setFormData({...formData, ...newValues})
}

---

有时，这可能会产生不适当的效果，因为在渲染周期仍然剩余的情况下，formData中的值可能不会更新

如果要使用最新状态并用新状态更新状态，则必须访问以前的状态

例如：

const [formData, setFormData] = useState({});
const setFormFieldValue = (name, value) => {
    let newValues = {};
    newValues[name] = value;
    setFormData(prevFormData => {...prevFormData, ...newValues})
}

---

setFormData（{…formData，[name]：value}）

对于状态管理，我建议使用React类。