小编use*_*SI.的帖子

我最近开始了一个 react 项目，我发现一些带有 npm 的 util 命令可以自动生成一些项目。没问题，但项目结构对我来说有点混乱，所以我在谷歌上搜索了一些解释，一切都很好，我在https://www.pluralsight.com/guides/上发现了一些有趣的东西file-structure-react-applications-created-create-react-app :

虽然组件可以驻留在 src/components/my-component-name 中，但建议在该目录中有一个 index.js。因此，无论何时有人使用 src/components/my-component-name 导入组件，而不是导入目录，这实际上会导入 index.js 文件。

这个 index.js 文件，我应该如何创建它来返回组件？

例如我想为不同的路线创建一些页面：

import React, {Component} from 'react'
class MyPage extends Component{
  render() {
    return (
        <div>
            My Page
        </div>
    );
  }
}
export default MyPage;

现在，index.js 应该是这样的？

import React from "react";
import MyPage from "src/pages/MyPage";

const mypage = () => {
    return <MyPage/>
};

export default mypage;

和项目结构：

src
 |___pages
       |____MyPage.jsx
       |____index.js

路由器组件应该没有问题，因为没有index.js我要做的就是导入MyPage并执行以下操作：

<Router>
  <div> …