React JS - src de imagem com props

JavaScript

React

JavaScript Web

17/06/2021

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

Curtidas 0

Respostas

Tarik Chuery

Tarik Chuery

17/06/2021

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.
GOSTEI 0
POSTAR