React JS - src de imagem com props

17/06/2021

0

JavaScript React JavaScript Web

Estou com problemas em "setar" uma imagem utilizando o props.

Componente que contém a imagem:
const ProjectCard = (props) => (
    <div>
        <img src={ require(props.image).default } />
    </div>
);



Componente que está puxando o ProjectCard():
import ProjectCard from './components/ProjectCard/';

const App = () => (
    <ProjectCard image="../../images/image.jpg" />
);



Outra forma que tentei e não adiantou foi:
<ProjectCard image=" '../../images/image.jpg' " />
Eduardo dos

Eduardo dos

Responder

Posts

18/06/2021

Tarik Chuery

Fala, Eduardo! Beleza?

Cara, acredito que o componente que tem a imagem funcionaria melhor apenas com o props.image, da seguinte maneira:

Componente que contém a imagem:
const ProjectCard = (props) => (
    <div>
        <img src = {props.image} />
    </div>
)



Talvez dessa forma fique melhor pra vc inserir o atributo.
Responder
Gostei + 0

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar