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.