主页 / coding / 问题 / 77861076
Accepted
gene b.
Asked: 2024-01-22 23:45:56 +0800 CST

覆盖对象中的一个属性并返回新对象的不同方法

  • 772

对于作为对象的 React 状态变量，我需要更新对象中的一个属性并返回一个新对象。我正在比较以下方法：

setFormData(Object.assign({}, formData, {b: 22}));

与

setFormData((prevData) => ({
            ...prevData,
            b: 22
        }));

另一种可能的选择是，不使用箭头函数，

setFormData( { ...prevData, "b": 22 } )

所有这些都有效吗？是否有理由使用其中一种或另一种？

javascript

1 个回答

  1. Best Answer

    您提到的两种方法都是有效的，并且它们实现了更新 React 状态变量中的属性以确保不变性的相同目标。

    然而，在功能更新中使用扩展运算符的第二种方法通常被认为更现代，并且通常在 React 中使用，因为：

    • 第二种方法通常被认为更简洁和可读，特别是在处理多个属性或嵌套对象时。
    • 功能更新形式与基于先前状态更新状态的推荐模式一致，这在处理异步状态更新时很重要。
    • 2

相关问题