React应用连接Node.js后端失败，遇fetchData.map is not a function错误求助

这个错误的本质是：你调用map方法的fetchData不是数组——map是JavaScript数组的专属方法，只有数组类型的变量才能调用它。

结合你的代码，具体原因大概率是以下情况：

• 后端返回的test.json内容不是数组格式。比如你的test.json是单个对象（如{"id":1, "name":"测试数据"}）、字符串或其他非数组类型，当后端通过res.json(test)返回后，前端拿到的data就不是数组，赋值给fetchData后调用map自然会触发错误。
• 虽然你初始化fetchData为空数组[]，但请求完成后，后端返回的非数组数据覆盖了初始值，导致后续渲染时无法调用map方法。

排查与修复建议 #

• 先查看前端控制台里console.log(data)的输出，确认返回数据的类型：如果是对象或其他非数组，要么把test.json改成数组格式（比如[{"id":1}, {"id":2}]），要么在前端处理时将数据转为数组（比如setFetchData([data])，仅适用于返回单个对象的场景）。
• 检查test.json的语法是否正确，避免因JSON格式错误导致返回数据异常。

内容的提问来源于stack exchange，提问作者Amit Sharma