Question

我对 React-Native 有问题。我想从 Django 显示数据到 React-Native，但是我不能显示一个数据，这是代码：

import React, { useState, useEffect } from "react";
import { StyleSheet, View, Text, Image, FlatList } from "react-native";
import client from "./../../api/client";


const DetailView = ({navigation, route}) => {
  const [detail, setDetail] = useState("");
  const { objurl } = route.params;

  const getDetail = async (url) => {
    try {
      const response = await client.get(url);
      if (!response.ok) {
        setDetail(response.data);
      }
    } catch (error) {
      console.log(error);
    }
  };
  
  useEffect(()=>{ getDetail(objurl); }, [])

  console.log(detail.habilidad_usuario.nombre_habilidad);

  return (
      <View style={styles.center}>
        <Image
        style={styles.usuarioImage}
        source={{
          uri: detail.foto_usuario,
        }}
      />
        <Text style={styles.name}>{detail.nombre_usuario} {detail.apellido_usuario}</Text>
        <Text style={styles.name}>{detail.habilidad_usuario.nombre_habilidad}</Text>
        <Text style={styles.description}>{detail.descripcion_usuario} </Text>
        <Text style={styles.body}>Dirección: {detail.direccion_usuario}  </Text>
        <Text style={styles.body}>Celular: {detail.id_usuario} </Text>
        <FlatList
        data={detail.usuario_comentado}
        keyExtractor={(item) => item.id.toString()}
        renderItem={({ item }) => {
          return (
            <Text style={styles.body}>Comentario: {item.contenido_comentario} </Text>
          );
        }}
        />
        

      </View>
    );
  }

问题出在这一行：

<Text style={styles.name}>{detail.habilidad_usuario.nombre_habilidad}</Text>

这是结果：

enter image description here

其他数据渲染得很好。

来自 Django Rest 的数据是： enter image description here

未定义不是对象（...）反应原生

0 个答案: