2017-11-13 10 views
0

반응 앱을 개발 중입니다. 그런 모듈에서 데이터를로드 중입니다.Img path issues reactjs

const results = [ 
{ 
    'home': 'fbc', 
    'home_score': '74', 
    'visitor': 'jda', 
    'visitor_score': '69', 
    'home_logo': 'jda_logo.png' 
}] 

데이터에서 이미지를로드하는 중입니다 (home_logo). 그러나 React와 함께 상대 경로를 사용하는 방법을 모르겠습니다. 은 내가

import jda from './img/jda_logo.png'; 

로 사진을로드 내가 경로 static/media/jda_logo.e596d19c.png 누군가가 추가되었습니다 년대 e596d19c 무엇인지 나에게 설명 할 수있다 놀란다 때 경로가 뭔지보고 싶어? 그리고 내 데이터에서로드하는 상대 경로로 이미지를로드 할 수 있습니까?

+0

웹팩을 사용하고 계십니까? 그렇다면 여분의 비트가 파일 로더에 추가됩니다. https://www.npmjs.com/package/file-loader – semuzaboi

+0

예 webpack을 사용하고 있습니다. 링크를 이용해 주셔서 감사합니다. –

답변

0

제 의견으로는 캐시 된/복사 된 미디어에 대한 참조가 반환됩니다. 일반적으로 이는 webpack과 같은 빌더/컴파일러/브로드 캐스터의 동작 결과입니다. 기본적으로 이미지는 동일하지만 런타임에 사용되는 다른 위치로 복사됩니다.

매우 가까운 질문을 처리하고 있으므로 thisthis을보고 싶습니다.

+0

첫 번째 링크가 내 문제를 해결했습니다. –