Estou estudando JavaScript e preciso fazer uma filtragem de dados baseado no que a pessoa digitar e apagar no input
de forma dinâmica. Pesquisei e não consegui implementar no meu código, estou usando o useEffect()
para pegar as notícias principais e já está funcionando, mas não consigo fazer a busca.
useEffect(() => {
api.get('/v2/top-headlines?country=br&apiKey=85444b264aa246f28c5f41494efd6e03').then(async response => {
setNews(response.data.articles)
})
});
return (
<>
<Navbar />
<div className="row px-5 input-area">
<input onChange={(e) => setSearch(e.target.value)} type="text" className="form-control text-center input-text" placeholder="Search News" />
</div>
<div className="row">
{news.map(news => (
<div className="col-md-6">
<Card img={news.urlToImage} title={news.title} description={news.description} author={news.source.name} url={news.url} key={news.source.name} />
</div> //
))}
</div>
</>
)
}
se alguem puder me ajudar ficaria eternamente grato <3.