显示嵌套的 Json 数组获取的数据 React native

Question

所以我是反应原生的新手，我试图显示 Json 获取数据的嵌套元素，但我不知道该怎么做。在 fetch api 中使用 react hooks 后：export default function MedProfilScreen({ route }) {  //const {id,name,specialite,work}=route.params;  const [data, setData] = useState([]);  useEffect(() => {    fetch("http:......")      .then(response => response.json())      .then(res => {        setData(          res);        console.log(res);      })      .done();  },[]);}我得到了这个回复：Array [  Object {    "code": "12459552",    "id": 7,    "name": "Dr xavier vilan",    "speciality": "Cardio",  },  Object {    "education": Array [      Object {        "date_debut": "2020-02-07",        "date_end": "2020-02-06",        "diploma": "asmaa",        "school": "asmaa",        "city": "vullez",      },      ]}]所以我想显示例如：姓名：xavier 博士.. 文凭：asmaareturn(<View>  name: Dr xavier.. diploma: asmaa            </View>)任何人都知道该怎么做。谢谢

Answer 1

我不知道这就是你要找的东西，但我会试一试：

代码：

const renderText = () => {

    // as soon as we received the data, we will display it

    if (data.length > 0){

      return (

         <Text> name: {data[0].name} diploma: {data[1].education[0].diploma}</Text>

      )

    }

}

return (

  <View>

     {renderText()}

  </View>

);

输出：

Answer 2

由于您已经将响应保存在data数据中，因此应该是这样的，

data = [

  {

    code: "12459552",

    id: 7,

    name: "Dr xavier vilan",

    speciality: "Cardio"

  },

  {

    education: [

      {

        date_debut: "2020-02-07",

        date_end: "2020-02-06",

        diploma: "asmaa",

        school: "asmaa",

        city: "vullez"

      }

    ]

  }

]

现在您可以访问name&diploma如下，

name: data[0].name

diploma: data[1].education[0].diploma

Answer 3

尝试这个：

return (

   <View>{JSON.stringify(data, null, 2)}</View>

)