Ao digitar alguma palavra para busca renderiza certo, porém ao limpar a caixa de texto todo o array é inserido na tela.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Ao digitar alguma palavra para busca renderiza certo, porém ao limpar a caixa de texto todo o array é inserido na tela.
Fala Breno, beleza?
Eu resolvi com o seguinte código:
function fazPesquisa(evento) {
const textoDigitado = evento.target.value
if (textoDigitado) {
const resultadoPesquisa = livros.filter(livro => livro.nome.toUpperCase().includes(textoDigitado.toUpperCase()));
setLivrosPesquisados(resultadoPesquisa);
} else {
setLivrosPesquisados([]);
}
}