Javascript 如何在React中从本地文件返回JSON数组，并使其映射到我的所有项？

注意：使用React进行此操作

基本上，我只是试图从本地存储在json文件中的链接列表中创建一个锚元素列表。我可以确认该文件通过控制台日志成功地查看了“端点”数据。但是，该页面只是呈现一个白色页面，并且它看起来没有使用导入的数组正确设置状态。 因此，这就是我的文件现在的样子（非常感谢您的帮助！）：

从“React”导入React；
从“./endpoints.json”导入端点；
类链接扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
错误：null，
isLoaded:false，
myData:[]
};
}
componentDidMount（）{
让myData=endpoints.map（（数据，键）=>{
日志（端点）；
console.log（端点[0].key）；
返回(
)
})
this.setState（{myData:myData}）；
console.log（this.state.myData）；
}
render（）{
const{error，isLoaded}=this.state；
如果（错误）{
返回错误：{Error.message}；
}否则{
返回(
{this.state.myData}
)
}
}
}
导出默认链接您似乎试图从初始响应（端点）而不是贴图值（数据）进行渲染。改变

到

您似乎试图从初始响应（端点）而不是贴图值（数据）进行渲染。改变

到

好吧，这是一个经典，问一个问题，然后马上找出答案。基本上，在映射每个项时，我设置了一个名为“data”的参数。所有内容都应该是“data.xxx”，而不是调用“endpoints.xxx”。然后，一切都会变好。：）
 嗯，这是一个经典的问题，问一个问题，然后马上找出答案。基本上，在映射每个项时，我设置了一个名为“data”的参数。所有内容都应该是“data.xxx”，而不是调用“endpoints.xxx”。然后，一切都会变好。：）
 您可以在原始帖子中粘贴endpoints.json的外观吗？您可以在原始帖子中粘贴endpoints.json的外观吗？
href={endpoints.link} key={endpoints.key} >{endpoints.name}

href={data.link} key={data.key} >{data.name}