小编kub*_*ber的帖子

我正在尝试访问 src 文件夹中的对象数组文件，例如：data.js（仅限对象数组）将此文件放入我的 app.js（反应组件）

在第一个场景 1.我已经尝试使用 react in 这个问题

src--[app.js(组件)/data.js(对象数组)]。

当我运行时，它向我显示了一个错误，例如

（类型错误：_data__WEBPACK_IMPORTED_MODULE_1___default.a.map 不是函数）表示空数组/未定义。

在第二个场景中 2. 当我在同一页面内的 app.js 中添加对象数组时，它向我展示了完美的结果。没有错误，但尝试从另一个文件（如 data.js）获取空数组我曾经使用过stringify()和 JSON 解析器，但没有结果

对象数组文件 data.js ->

const datas=[
    {
    "id":"1",
    "firstname":"sam",
    "lastname":"parkar"
    },
    {
    "id":"2",
    "firstname":"julee",
    "lastname":"fransic"
    }
    ];

反应组件 app.js ->

import React from 'react';
import  datas from './data';
import  DataInfo from './DataInfo';
function App () {
 const appdata=datas.map( inner => inner.id + inner.firstname + inner.lastname)
//print on console
 console.log(appdata)
    return (
     <div className="App">
           <p>App js page</p>

              {appdata} 

      </div> …