Solucionado
Adicionei a propriedadeapagarCategoria={this.deletarCategoria.bind(this)} no componente <ListaDeCategorias> e criei o método 'deletarCategoria' em App.js. Em ListaDeCategorias.jsx adicionei o método 'apagar' bem como o componente DeleteSVG.
Tudo funcionando (aparentemente), mas tenho 2 'problemas. No console recebo a mensagem: "Warning: Each child in a list should have a unique "key" prop.", e também gostaria de mudar a fonte do ícone da lixeira que está dentro do componente DeleteSVG.
Fala Ricard, tudo bem? Espero que sim!
Esse aviso é porque toda vez que você faz um map e retorna um elemento no react, esse elemento deve ter um atributo chamado key para que seja identificado no dom e não sofra alterações desnecessárias. Então para resolver você deve procurar no seu código algum map que você faz e adicionar o atributo, assim por exemplo:
{this.props.notas.map((nota, index) => {
return (
<li className="lista-notas_item" key={index}> //Aqui temos o atributo key
<CardNota
indice={index}
apagarNota={this.props.apagarNota}
titulo={nota.titulo}
texto={nota.texto}/>
</li>
);
})}E para mudar a fonte do icone você deve importar outro icone, então baixe outro icone e altere.
Ou você pode utilizar a biblioteca React Icons, no próprio site tem um mini tutorial ensinando como utilizar a biblioteca.
Espero ter ajudado, abraços e bons estudos :D