Olá.
Alguém poderia me explicar exatamente o que seria essa estrutura?
const { busca, filtro} = props;
Não entendi muito bem a função.
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