如何使用常量列表显示json数据
如何使用常量列表显示json数据
提问于 2018-06-03 02:20:53
如何在中通过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')
},
]回答 2
Stack Overflow用户
发布于 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请求
Stack Overflow用户
发布于 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>
)
}
} 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50659877
复制相关文章
相似问题