React-Native：this.something.map在for循環中訪問.json文件中數據數據的數據..任何人都可以提供示例代碼示例嗎？

Question

我是RN的網絡，我想嘗試從for循環中的.json文件中的數據數組映射數據，如果可能或任何循環，但它應該映射數據數組。

任何人都可以提出一個代碼示例，我可以試試嗎？因爲我嘗試了以下內容，我無法爲它添加一個.map變量。

JSON數據數組（以.json）

[ 
{ 
"name": { 
    "first": "abc", 
    "last": "xyz" 
}, 
"position": "Software Developper", 

"photo": "http://www.lilavatihospital.com/Admin/Doctors/doctor.jpg" 
}, 
    { 
"name": { 
    "first": "sdf", 
    "last": "xyz" 
}, 
"photo": "http://www.lilavatihospital.com/Admin/Doctors/doctor.jpg" 
}, 
{ 
"name": { 
    "first": "abby", 
    "last": "xyz" 
}, 
"photo": "http://www.lilavatihospital.com/Admin/Doctors/doctor.jpg" 
} 
] 

JS文件

renderItem() { 
const elements = []; 
for (var i = 0; i < users.length; i++) { 
    elements.push(
    <Text> 
     {users[i].name.first} 
    </Text>, 
); 
} 
return elements; 
    } 
    render() { 
return (
    <View> 
    {this.renderItem()} 
    </View> 
); 

Answer 1

我想也許你可以嘗試這樣的：

renderItem() { 
    const elements = []; 
    const array = users.map(function(x,i){ 
     elements.push(x.name.first) 
     return (
      <Text key={i}>{x.name.first}</Text> 
     ); 
    }) 
    console.log(elements); 
    return array; 
} 
render() { 
    return (
     <View> 
      {this.renderItem()} 
     </View> 
    ); 
} 

因此變量elements的值是['abc','sdf','abby']。 我希望這個答案可以幫助你。