Início / coding / Perguntas / 77861076
Accepted
gene b.
Asked: 2024-01-22 23:45:56 +0800 CST

Diferentes abordagens para substituir uma propriedade em um objeto e retornar um novo objeto

  • 772

Para uma variável de estado React que é um objeto, preciso atualizar uma propriedade em um objeto e retornar um novo objeto. Estou comparando as seguintes abordagens:

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

vs.

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

Outra opção possível é, sem usar a função de seta,

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

Tudo isso é válido e há uma razão para usar um em vez de outro?

javascript

1 respostas

  1. Best Answer

    Ambas as abordagens que você mencionou são válidas e atingem o mesmo objetivo de atualizar uma propriedade em uma variável de estado React, garantindo a imutabilidade.

    No entanto, a segunda abordagem com o operador spread dentro de uma atualização funcional é geralmente considerada mais moderna e comumente usada no React porque:

    • A segunda abordagem é frequentemente considerada mais concisa e legível, especialmente quando se trata de múltiplas propriedades ou objetos aninhados.
    • O formulário de atualização funcional é consistente com o padrão recomendado para atualização de estado com base no estado anterior, o que é importante ao lidar com atualizações de estado assíncronas.
    • 2

relate perguntas