试图将JSON文件导入React但无法正常工作

Question

我正在尝试从我的React项目中的js文件导入JSON对象。我是React的新手，所以请放轻松:)。无论我将其更改为什么路径（都找不到），我都会不断收到错误消息。我已经附上了目录结构的屏幕截图。我在home.js文件的scripts / components文件夹中。谢谢。数据是从“服务器”文件夹导入的JSON文件中的对象。

import React from 'react';
import data from '../server/data';


class Home extends React.Component {
render() {
    return (
        <section id="home">
            <div className="content">
                <p>Test...</p>
            </div>
        </section>
    );
  }
}

// Export out the React Component
module.exports = Home;

Answer 1

您必须向上三个目录。

1. ../带您去scripts。
2. ../../带您去app。
3. ../../../带您到项目根目录。

因此

import data from '../../../server/data';