Есть объект, в котором есть определенное количество ссылок на изображения. Мне нужно их подключить в React Native. Но проблема в том, что когда я пытаюсь циклом пройтись по объекту и подключить картинки, то выбивает ошибку.
Пример объекта:
var data = [{
photo: 'http://mignews.com.ua/modules/news/images/articles/changing/14869199-vsemirnyj-den-kotov-foto.jpg',
},
{
photo: 'http://www.zoovet.ru/images/cats_clich.jpg',
},
{
photo: 'http://cat-lifes.com/wp-content/uploads/2015/03/smeshnye-kartinki-tancuyushhix-kotov-4.jpeg',
},
]
Пример того как я пробовал решить в (React Native) :
data.map(el =>
<Image source={require('./images/' + el + '.png')} />
);
Пример решения подобной задачи для браузера (в React Native нужен такой же результат):
var data = [{
photo: 'http://mignews.com.ua/modules/news/images/articles/changing/14869199-vsemirnyj-den-kotov-foto.jpg',
},
{
photo: 'http://www.zoovet.ru/images/cats_clich.jpg',
},
{
photo: 'http://cat-lifes.com/wp-content/uploads/2015/03/smeshnye-kartinki-tancuyushhix-kotov-4.jpeg',
},
]
data.map(el =>
$('.image').append("<img src=" + el.photo + " />")
);
<div class='image'> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Нужно циклом пройтись по объекту и подключить картинки, которые лежат по указанному пути в объекте. Как я могу это сделать?