React native 如何从React Native中的API获取对象数据中的对象

我需要从object room获取数据：{…}，但我一直在将API中的所有数据记录在控制台中。我需要一些帮助

这是我现在的代码：

class HomeScreen extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
         currentDate: new Date(),
         markedDate: moment(new Date()).format("YYYY-MM-DD"),
         isLoading: true,
         room: []
        };
    }


    componentDidMount() {
         fetch("https://URL/api/schedule?resolve[]=room", {method: "GET"})
        .then((response) => response.json())
        .then((responseJson) => {
           this.setState({room: responseJson});
           console.log(responseJson);
        })
        .catch((error) => {
            console.error(error);
        });
    }

    render() {
        const today = this.state.currentDate;
        const month = moment(today).format("MMMM");
        const date = moment(today).format("D")
        const day = moment(today).format("dddd");

       

        return (...) 

以下是JSON：

{
    "id": 190,
    "employee_id": 6,
    "room_id": 28,
    "type_of_cleaning": "D",
    "date": "2020-10-05",
    "room": {
        "data": {
            "id": 28,
            "customer_id": 5,
            "room_type_id": 19,
            "room_inventory_template_id": 8,
            "name": "154",
            "floor": 3
        }
    },
    "room-room_type": {
        "data": {
            "id": 19,
            "customer_id": 5,
            "name": "room_types_4451C9D4CD"
        }
    }
}

---

我需要显示房间的“名称”和“楼层”。

将房间的初始状态设置为空

this.state={
currentDate:新日期（），
markedDate:moment（new Date（））。格式（“YYYY-MM-DD”），
孤岛加载：是的，
房间：空
};

您的

房间

状态对象包含与JSON相同的数据

您可以使用 名称：

this.state.room.room.data.name

楼层：

this.state.room.room.data.floor

然后您可以将其显示为

{this.state.room.room.data.name}

和

{this.state.room.room.data.floor}

---

在访问数据时，请确保state room对象中的数据结构相同，否则将导致错误

const roomName=this.state.room？.data？.name和const roomFloor=this.state.room？.data？.floorHow我可以显示它们吗？如果（this.state.room），我可以尝试使用{roomName}let roomName=''let roomFloor=0{roomName=this.state.room.room.data.name roomFloor=this.state.room.room.data.floor}更改为this.state.room.data.floor和this.state.room.room.data.nameUndefined不是对象Undefined不是对象（正在计算_.this.state.room）我查看了您提供的示例。显然它不会这样工作。因为您有

setState

用于带有responseJson的

room

对象，

this.state.room

将包含完全相同的JSONObject。所以您只需确保room不是未定义或空的，然后您就可以通过代码g访问该值我建议您可以将房间状态预定义为null，然后执行渲染逻辑检查以避免进一步的错误