index.js Rodape
import './Rodape.css'
const Rodape = () => {
return (
<footer className="rodape">
<div>
<img src='/imagens/fundo.png' alt='Rodapé da página da Organo'/>
</div>
</footer>
)
}
export default Rodape
Olá, Giulio! Tudo bem?
Com base no código que você postou, não identifiquei nenhum erro aparente. No entanto, uma alternativa mais prática seria inserir a imagem por meio de CSS. Dessa forma, você poderia controlar o posicionamento e o estilo da imagem de maneira mais flexível.
Para que eu possa fornecer uma resposta mais precisa, seria útil se você pudesse compartilhar o código completo. Você pode disponibilizá-lo no GitHub ou em uma pasta do Google Drive, por exemplo. Assim, poderei revisar o código por completo e fornecer uma orientação mais assertiva.
Estou à disposição para ajudar no que for necessário. Aguardo o seu código completo para que eu possa oferecer uma assistência mais detalhada.
Tenha um ótimo dia!
Boa noite Victor!
Aqui está o repositório no GitHub com o projeto completo: https://github.com/giuliocg/organo
Olá Giulio, tudo bem?
Peço desculpas pela demora em obter um retorno
O problema mencionado não me gerou erros no console ou algo semelhante, mas por conta da falta da chamada do componente "footer" a imagem de fato não apareceu, nesse caso basta chamá-lo no app.js do seguinte modo:
import { useState } from 'react';
import Banner from './componentes/Banner';
import Formulario from './componentes/Formulario';
import Time from './componentes/Time';
import Footer from './componentes/Rodape' //chamada do componente
Depois basta renderizar o mesmo
return (
<div className="App">
<Banner />
<Formulario times={times.map(time => time.nome)} aoColaboradorCadastrado={colaborador => aoNovoColaboradorAdicionado(colaborador)}/>
{times.map(time => <Time
key={time.nome}
nome={time.nome}
corPrimaria={time.corPrimaria}
corSecundaria={time.corSecundaria}
colaboradores={colaboradores.filter(colaborador => colaborador.time === time.nome)}
/>)}
<Footer/> // opa
</div>
);
}Deste modo obtive o seguinte resultado, utilizando da imagem já escolhida no endereço no seu projeto:
Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!
Sucesso
Um grande abraço e até mais!