Reactjs读取Javascript对象符号时出错

Question

我有两个代码。

1.给出错误：

import userdata from "./data.json";
userdata = userdata.userdata;
userdata.map() // do map here.

给出错误：Uncaught TypeError: Cannot read properties of undefined (reading 'userdata')

2. 这是有效的：

import userdata from "./data.json";
userdata.userdata.map() // do map here.

json：{"userdata":[{name, job}, {name, job}]}

为什么第二个代码有效？

Answer 1

在第一个示例中，您导入userdata，然后尝试为其分配userdata.userdata.的值

这是不可能的，因为您无法为导入指定新值

因此，当您尝试映射userdata时，它仍然尝试映射来自初始导入的用户数据(而不是userdata.userdata(。

如果你想这样做，不如使用一个新的变量名，如下所示：

import userdata from "./data.json";
const userDataArray=userdata.userdata;
userDataArray.map()

在第二个示例中，您可以正确引用数组(使用userdata.userdata(，而不是尝试为导入指定值。