Sobes.tech
Middle+

Podemos alterar as props num componente filho?

sobes.tech IA

Resposta da IA

Num componente filho, não é possível alterar diretamente as props, pois as props são dados de entrada passados do pai para o filho e são considerados imutáveis dentro do componente filho.

Se precisar alterar os dados passados através das props, geralmente:

  • O pai deve passar uma função de callback nas props, que o componente filho chamará para alterar o estado do pai.
  • Ou usar um estado local no componente filho, se os dados não devem ser sincronizados com o pai.

Exemplo em React:

function Parent() {
  const [value, setValue] = React.useState(0);
  return <Child value={value} onChange={setValue} />;
}

function Child({ value, onChange }) {
  return <button onClick={() => onChange(value + 1)}>Incrementar</button>;
}

Dessa forma, o componente filho não altera as props diretamente, mas inicia uma alteração através do callback.