2016-12-30 38 views
0

嗨我有一個響應來自API作爲JSON [「a」,「b」,「c」]。 我想在React組件中顯示這個json元素智者。我已將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

是的,這是我一直在尋找!謝謝 –

+0

@ Jyoti2994 [Facebook建議避免使用索引作爲'鍵'值,如果這些項目可以重新排序](https://facebook.github.io/react/docs/lists-and-keys.html#keys),那麼如果這裏是這種情況,你可能想嘗試找出每個項目的另一個「鍵」。 –

+0

我總是得到一個錯誤無法讀取屬性「地圖」的不確定是新BIE :) 現在正在按照udemy教程,但還是不知道如何解決它 –