Olá.
Alguém poderia me explicar exatamente o que seria essa estrutura?
const { busca, filtro} = props;
Não entendi muito bem a função.
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!
Olá.
Alguém poderia me explicar exatamente o que seria essa estrutura?
const { busca, filtro} = props;
Não entendi muito bem a função.
Isso é uma desestruturação, basicamente é como se você estivesse criando variáveis com as propriedades do objeto.
Por exemplo, na variável abaixo, se você precisar ver o nome, faria: console.log(usuario.nome).
let usuario = {
nome: 'Jane Doe',
idade: '100',
genero: 'F'
};
Quando você desestrutura, não precisa ficar fazendo usuario.propriede
Basta fazer assim:
DE:
let nome = usuario.nome;
let idade = usuario.idade;
let genero = usuario.genero;
PARA:
let { nome, idade, genero } = usuario;
E então dando um console.log(idade) por exemplo, por baixo dos panos, "vai la e pega o valor da propriedade idade da variavel usuario"Aqui você consegue melhores exemplos sobre desestruturação: https://www.alura.com.br/artigos/es6-desestruturando-objetos?gclid=Cj0KCQiA1sucBhDgARIsAFoytUvZNBsZ4DaoSOUos1OUdgKEj1ZhXzv4e4I3k5RhgWvl1Gpq_KFmoHYaAl29EALw_wcB