Reactjs JSON正在控制台中打印，但在访问键的值时返回未定义

我不知道如何修改

useffect

函数（或使用React的新

suspend

组件）以等待在渲染组件之前加载所有数据

下面是从Flask后端引入数据的代码：

import socketIOClient from "socket.io-client";
const ENDPOINT = "http://127.0.0.1:5000";

const [response, setResponse] = useState("");

  useEffect(() => {
    const socket = socketIOClient(ENDPOINT);
    socket.emit('test', {"name": "jim"})
    socket.on("test_client", data => {
      setResponse(data);
    }));
  }, []);

下面是console.log的JSON代码：

数据：{console.log（props.Data）}

这将在控制台中返回JSON：

{content: {…}}
content:
     exchanges: (3) ["Deribit", "bybit", "BitMEX"]
     user_data: (10) [1, "testuser", "testuser", 
      "$5$rounds=535000$obwWzc1uoSI4MMFT$YruKioA8n321NDsX1UHXGtiY8rgfsBD.5z17kZ1UOnD", 
      "test@dwm.fund", "DWM", "United States", {…}, "1597353995233", 3]
     __proto__: Object
     __proto__: Object

当尝试

数据：{console.log（props.Data.content.user\u Data[1]）}
时，它返回错误
找不到未定义的属性user\u数据。

我尝试在React中使用新的
suspence
组件，将组件包装在
return
中，但仍然收到相同的错误

非常感谢您的帮助。
添加三元运算符，以便在数据输入后重新加载组件：

数据：{props.Data？props.Data.content.user_Data[1]：“数据正在加载…”

我猜组件是在JSON加载之前加载的。
Hi，可能是内容缺失，或者顶级数组中有多个元素？我不确定内容缺失是什么意思，it控制台。记录我移动的所有JSON数据，如果我执行
props.data
，但是如果我做了
props.data.content.user\u data[1]
，它返回未定义的，即使它在控制台中字面上显示
props.data.content.user\u data[1]
，如果我做了
props.data
这更像是你的ui中的一个问题，请分享更多的jsx代码，当数据还没有加载时，你应该放一个微调器/加载器