Случайная ссылка для изображения отображается одинаково по списку элементов

Question

Я использую react-toolbox, и я хотел бы отобразить список() пунктов (ListItem) со случайными изображениями в качестве аватара. Я нашел эту ссылку http://lorempixel.com/, которая позволяет легко получить случайное изображение.

Моей деталь выглядит

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

и каждый раз, когда я создаю новый элемент у меня есть случайное изображение, как этого

Но если я обновить страницу, все изображения становятся те же

Все мои предметы разные, так почему же изображение одинаково? Если я снова обновляюсь, изображение меняется, но все равно одинаково для всех элементов.

Answer 1

Скорее всего, имея один и тот же URL, браузер не будет загружать изображения еще раз для каждого случая, так что вы должны добавить уникальный идентификатор:

<ListItem 
    avatar={`http://lorempixel.com/50/50?${Math.random()`} 
    caption={name} 
/> 

Answer 2

Lorempixels возвращает новое изображение при каждом запросе, но браузер разрешает запрос только один раз с того же URL-адреса.

Попробуйте добавить случайную строку в качестве аргумента get для каждого элемента. Проверьте ответ на этот SO вопрос для получения дополнительной информации Disable cache for some images