Estou tomando not function e não faço a mínima ideia do motivo..
const CampoTexto = ({ setFiltro }) => { return ( <CampoTextoEstilizado onChange={(evento) => { setFiltro(evento.target.value) }} type="text" placeholder="O que você procura?"/> ) }
Estou tomando not function e não faço a mínima ideia do motivo..
const CampoTexto = ({ setFiltro }) => { return ( <CampoTextoEstilizado onChange={(evento) => { setFiltro(evento.target.value) }} type="text" placeholder="O que você procura?"/> ) }
hoje, com a Alura e o Google Gemini
E aí! Parece que você tá esquecendo de mandar o setFiltro como função pro CampoTexto. Pode ser que você tenha esquecido de passar essa função como prop pro CampoTexto ou até mesmo que essa função setFiltro não tá certinha.
Dá uma olhada nisso aqui: se tá usando o CampoTexto dentro de outro componente, manda o setFiltro assim ó:
<CampoTexto setFiltro={this.suaFuncaoSetFiltro} />
Ou se tá usando hooks, tipo assim:
const [filtro, setFiltro] = useState('');
<CampoTexto setFiltro={setFiltro} />
Se você já fez isso tudo e ainda tá dando erro, talvez o lance seja com a própria função setFiltro. Vê se ela tá sendo definida direitinho como função antes de passar pro CampoTexto. Beleza?