Solucionado
Boa noite pessoal, fiquei com uma dúvida em relação ao primeiro exemplo. Quando ele fez o import da imagem no código abaixo:
import deleteSVG from "../../assets/imagens/delete.svg"Eu não entendi da onde surgiu esse "deleteSVG" que está sendo importado, em nenhum lugar esse nome é declarado. Agradeço o tempo de quem puder responder.
Oi Marco!
A estrutura da importação de um arquivo é a seguinte:
import nomeQueVoceEscolhe from "caminho/ate/o/arquivo.extensao"O que este código faz é armazenar as informações do seu arquivo em uma variável do javascript com o nome "nomeQueVoceEscolhe". Sendo assim, o nome do arquivo SVG que você baixou serve somente para indicar qual arquivo será utilizado. O nome da variável é arbitrário.
Neste caso, o professor chamou de deleteSVG para deixar explícito que é um SVG do ícone de deletar. Se você mudar o nome para delete e utilizar no código
<img src={delete} />o funcionamento é o mesmo, porém agora o valor de delete não é mais explícito, sendo necessário navegar até o topo do arquivo para verificar o que esta variável contém.
Espero ter ajudado! Qualquer outra dúvida pode postar aqui!