Question

如何在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')
},
]

Answer 1

in react native，你可以使用javascript方法，在你的情况下，对于使用Json，你可以使用这两种方法

 JSON.stringify(yourJsonData)

或使用

JSON.parse(yourJson)

如果你是javascript的新手并且你不知道这个方法

JSON.Parse（）=＆gt;这个方法使用JSON fromat获取String（例如，您从服务器获取此字符串或从数据库中读取）并将您的字符串转换为Real JSON脚本

JSON.stringify（）=＆gt;这个方法像以前一样反过来，例如你有JSON数据并且你想把这个JSON数据作为String发送到服务器，这个方法将你的Json Format类型转换为String以保存在数据库中或用于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>    

      )


     }

  }

如何使用const列表显示json数据

2 个答案: