2016-12-30 4 views
0

Привет, У меня есть ответ, исходящий от API как JSON ["a", "b", "c"]. Я хочу отобразить этот Json Element Wise в компоненте React. Я преобразовал JSON в массив. Я могу показать весь JSON и массив в целом на компоненте, но не смог отобразить его мудрый элемент.Как отобразить элемент массива мудрый в компоненте React js?

В javascript я использовал, чтобы поставить цикл for и отобразить весь элемент document.write, но я хочу знать, как это сделать в REACT JS.

+0

Точно так же: проведите через него и создайте элементы. –

+1

Прочитайте документацию: [Списки и ключи] (https://facebook.github.io/react/docs/lists-and-keys.html) –

ответ

0

В функции визуализации():

<ul> 
{yourArray.map((item,index) => 
    <li key={index}>{item}</li> 
)} 
</ul> 

Является ли это то, что вы хотите сделать?

+0

да, это то, что я искал! thankyou –

+0

@ Jyoti2994 [Facebook рекомендует избегать использования индексов в качестве значений «ключ», если элементы могут изменить порядок] (https://facebook.github.io/react/docs/lists-and-keys.html#keys), поэтому вы можете попытаться выяснить другой «ключ» для каждого элемента, если это так. –

+0

У меня всегда была ошибка Невозможно прочитать свойство 'map' of undefined am new bie :) Теперь я следую учебнику в udemy, но до сих пор не знаю, как его решить –

Смежные вопросы