Pessoal, sendo a comunicação entre componentes unidirecional, qual seria a recomendação para a implementação de uma limpeza de formulário, sendo cada campo, um componente com seu respectivo estado? Ex:
const clear = ()=> {
/*????*/
}
<form>
<CustomField handleChange=>()=>{} />
<CustomSelect handleChange=>()=>{} />
<CustomInputNumber handleChange=>()=>{} />
<button onClick={clear} >Clear form<button/>
</form>hoje, com a Alura e o Google Gemini
Fala ai Douglas, tudo bem? Nesse caso o ideal seria que o estado do formulário estivesse no container pai e ele gerenciasse as atualizações através de funções passadas como props para os filhos.
Mas, uma maneira que tu pode fazer para limpar é através de eventos, por exemplo com a PubSub: https://www.npmjs.com/package/pubsub-js
Espero ter ajudado.