퍼블릭폴더 props 문법

[김세훈]

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

[codingapple]

public폴더 안에 img 폴더 안에 s1.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" />
이렇게 입력시 나오질 않아서 문의드린거였어요. 확인 부탁드립니다.

[codingapple]

props.i 출력시 잘 나오는데 안되는거면 저 문법에는 다이나믹한 변수 못집어넣게 되어있나봅니다 
public폴더말고 src폴더에 넣고 가져오거나 합시다 

[글쓴이]

글