React

Question

의 다른 폴더에있는 페이지로 폴더의 로컬 이미지에 액세스 이미지 'image.jpg'가있는 폴더 A와 폴더 A의 이미지에 액세스해야하는 html 페이지가있는 폴더 B를 고려하여 이미지를 HTML로 표시하십시오.

아래의 코드는,

<img src={require('../A/image.jpg')}/> 

작동하지만 때 JSON 뭔가 등을 통해 I 루프,

var list=[{'name':'aa','img'="../A/image.jpg"},{'name':'bb','img'="../A/image1.jpg"}] , 

상태에 할당과 같은 구성 요소 반응에 주입

<img src={require(this.state.image)}/> 

이건 작동하지 않습니다. 그냥 "모듈을 찾을 수 없습니다 ./A/image.jpg"그리고 나는 이유를 모르겠다. 솔루션에 미리 감사드립니다.

Answer 1

RequireJS이

cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g 

처럼 일치하는 정규 표현식을 사용하기 때문에 그것은 작동하지 않습니다 그것은 당신의 인수가 리터럴 선언 문자열이 될 것으로 기대하고있다.