reactjs 如何使用这个获取的数据响应？

roqulrg3 于 2022-12-26 发布在 React

关注(0)|答案(3)|浏览(99)

我正在使用react，我在useEffect中有一个fetch设置，用来从后端的数据库中获取数据，它会把账户拉回来，然后发送到前端，我可以从那里访问它。
在我想要访问用户信息的文件中，我有一个控制台日志

我希望能够分别获取名和姓，并在脚本中使用它们。我该如何操作呢？我确实尝试了控制台日志UserData.user，它给了我以下结果

然而，当我试图获得像userData. user.firstname这样的名字时，我遇到了一个错误。我是一个很新的人，我从来没有做过的事情来学习和推动自己，任何帮助都是很好的
谢谢所有帮助我的人，这意义重大
请注意，截图中的所有信息都是虚构的，只是适当的数据。
编辑：

3条答案

这可能是因为您试图在API返回数据之前读取用户信息。因此，在尝试访问数组之前，请检查该数组是否有数据。您可以使用保存导航来检查未定义或空值

UserData.user[0]?.firstname

根据您的屏幕截图，您正在获取的数据是一个用户对象数组。要访问它，您需要用途：

userData.user[0].firstname

请注意，这将访问数组中的第一个用户对象-您可能需要检查以确保数据data在访问之前存在，例如：

if (userData.user.length > 0) {
  // Access data as needed
}

user是一个数组，因此可以按如下方式访问

userData.user[0].firstname;

如果您更新您的endPoint以获取一个对象会更好，这样您可以更容易地访问和检查