<Container>
<Row>
<Products shoes={shoes[0]} i={1} />
<Products shoes={shoes[1]} i={2} />
<Products shoes={shoes[2]} i={3} />
</Row>
</Container>
</div>
);
}
function Products(props) {
return (
<Col sm>
< img src={process.env.PUBLIC_URL + '/img/s' + props.i + '.jpg'} width="80%" alt="상품1" />
<h4>{props.shoes[0].title}</h4>
<p>{props.shoes[0].price}</p>
</Col>
)
}
퍼블릭폴더 props 문법 시 아래와 같이 사용했는데 적용이 안되는데 어떤 부분이 수정되야하는지 알 수 있을까요?
process.env.PUBLIC_URL + '/img/s' + props.i + '.jpg'
퍼블릭폴더안에 이미지 있습니다.
< img src={process.env.PUBLIC_URL + '/img/s1.jpg'} />;
형식으로 넣으면 잘 나오며
< img src={process.env.PUBLIC_URL+'/img/s'+props.i+'.jpg'} width="80%" alt="상품1" />
이렇게 입력시 나오질 않아서 문의드린거였어요. 확인 부탁드립니다.