随机图像链接在元素列表

时间：2016-11-08 20:20:29

标签： javascript reactjs

我正在使用react-toolbox，我希望使用随机图片作为头像呈现项目列表（List）（ListItem）。我找到了这个链接http://lorempixel.com/，可以让您轻松获得随机图片。

我的项目看起来像

<ListItem
  avatar={'http://lorempixel.com/50/50'}
  caption={name} 
/>

每次我创建一个新项目时都会有一个像这样的随机图像

enter image description here

但如果我刷新页面，所有图像都会变得相同

enter image description here

我的所有物品都不同，为什么图像一样？如果我再次刷新，则图像会发生变化，但所有项目仍然相同。

2 个答案:

答案 0 :(得分：2)

每次请求时，Lorempixels都会返回一个新图像，但浏览器只会解析一次请求，因为它的网址相同。

尝试将随机字符串附加为每个项目的get参数。 请查看此SO问题的答案以获取更多信息Disable cache for some images

答案 1 :(得分：2)

最有可能拥有相同的网址，浏览器不会再次下载图片，因此您应添加唯一标识符：

NSOperations
相关问题
最新问题