这是我的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>
);
};
}
这是错误代码
我想设置除localhost之外的路径
还是有另一种方式来路由图像吗?