如何在中通过fire显示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')
},
]
发布于 2018-06-03 06:53:31
在react原生中,您可以使用javascript方法,而在您的示例中,为了使用Json,您可以使用这两个方法
JSON.stringify(yourJsonData)
或使用
JSON.parse(yourJson)
如果您是javascript新手,并且不了解此方法
JSON.Parse() =>此方法从to获取带有JSON的字符串(例如,您从服务器或从数据库读取此字符串),并将字符串转换为真正的JSON脚本
JSON.stringify() =>此方法类似于前面的方法,但与此相反,例如,您有JSON数据,并希望将此JSON数据作为字符串发送到服务器,此方法将您的Json格式类型转换为字符串,以便保存在数据库中或用于GET或POS请求
发布于 2018-06-03 06:59:56
如果你的意思是,你想在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>
)
}
}
https://stackoverflow.com/questions/50659877
复制相似问题