如何使用常量列表显示 JSON 数据

Question

如何在火上显示 JSON 数据，但如何使用 (const list =( 示例调用它，如下所示

const list = [
{
id: 1,
name: 'June 1, 2018 - June 3, 2018',
avatar_url: 'https://s3.amazonaws.com/uif…/faces/twitter/ladylexy/128.jpg',
subtitle: 'Sick Leave 3 Days',
image_status: require('../../assets/icon_double_check_gray.png')
},
{
id: 2,
name: 'July 7, 2018 - August 3, 2018',
avatar_url: 'https://s3.amazonaws.com/…/fa…/twitter/adhamdannaway/128.jpg',
subtitle: 'Meeting Leave 9 Days',
image_status: require('../../assets/icon_double_check_green.png')
},
]

Answer 1

在 react native 中，你可以使用 JavaScript 方法，在你的情况下，为了使用 Json，你可以使用这 2 个方法

JSON.stringify(yourJsonData)

或使用

JSON.parse(yourJson)

如果你是JavaScript的新手，你不知道这个方法。

杰森。Parse(( =>此方法使用 JSON 从 at 获取字符串(例如，您从服务器获取此字符串或从数据库读取(并将您的字符串转换为真正的 JSON 脚本

JSON.stringify(( => 此方法与以前一样但相反，例如您有 JSON 数据，并且您希望将此 JSON 数据作为字符串发送到服务器，此方法将您的 JSON 格式类型转换为字符串以保存在数据库中或用于 GET 或 POS 请求

Answer 2

如果你的意思是，你想在你的ReactNative视图中显示JSON，你必须知道这一点(任何对象或数组都必须使用内部循环函数(

例如，如果你想显示你的JSON，

class App extends React.Component
{
render() {
return(
<View>
{ list.map( (data) => (
<Text> { data.id } </Text>
<Text> { data.name } </Text>
<Text> { data.subtitle } </Text>

))}
</View>    
)

}
}