根据JSON文件加载图像
2018-09-17
2592
我有一个 create react 应用。我正在发出 AJAX 请求，并收到如下所示的 JSON。
{id: "b2", title: "Huang's World", episodes: 12, product_image_url: "/images/huangsworld.jpg">
在我的 create react 应用中，我有一个包含所有相应图像的图像文件夹，我想根据 product_url 加载图像。
<img src={ product_image_url} <--- Doesn't work
有什么建议吗？
1个回答
您需要在 state 中设置 url，因为当您从 ajax 请求中获取 json 时，您的组件将不会重新渲染，因为 img 只是一个 html 标签，不会更新，所以您需要通过在 state 中设置 url 来确保它重新渲染，所以当 state 发生变化时它会重新渲染。 您可以这样做。 //ajax 请求成功
this.setState({url: product_image_url})
然后在渲染中使用这样的方法。
<img src={this.state.url}/>
shyam agarwal
2018-09-17