React JS - src de imagem com props

17/06/2021

8

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' " />
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

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar