我想将图像路径设置更改为绝对路径(React)

时间:2017-07-19 05:34:20

标签: javascript reactjs path src

这是我的JSON代码

[{
    "id": "1",
    "ge" : "{require('../images/ppk1.jpg')}",
  },
  {
    "id": "2",
    "ge" : "{require('../images/ppk2.jpg')}",
  },
  {
    "id": "3",
    "ge" : "{require('../images/ppk3.jpg')}",  
  },
  {
    "id": "4",
    "ge" : "{require('../images/mypage_1.jpg')}",
  }
]

这是我的React Code

import React from 'react';
import Location from '../assets/Location.json';
class Contents extends React.Component {
render() {

const List = Location.map(v => (
 <li key = {v.id}>
    <div className="col-xs-12 location-bar__image">
      <a href="">
        <img src={v.ge} className="img-responsive curving" style={{border: "1px solid #bbb"}} alt="" />
      </a>
       <p className="location-bar__text__text">{v.text}</p>
    </div>
   )
)

return(
    <div>
      {List}
    </div>

   );
 };
}

这是错误代码

enter image description here

我想设置除localhost之外的路径

还是有另一种方式来路由图像吗?

0 个答案:

没有答案