如何在ReactJS模板中添加新的登录页面？

我最近正在学习ReactJS，打算用它开发一款小型应用。为了节省前期项目搭建的时间，我从GitHub上下载了一个现成的React模板，现在正对着这个模板反复研究，搞清楚ReactJS的核心工作机制。

接下来我打算基于这个模板搭建一个登录页面，目前已经完成了以下操作：

• 在项目的views目录下新建了Login文件夹，并在里面创建了登录页面的核心文件Login.jsx，文件的完整路径是：views/Login/Login.jsx
• 这个文件的初始代码我已经写了一部分，内容如下：

import React from "react";
import { Grid } from "material-ui";
import { ItemGrid } from "components";

function Login({ ...props }) {
  return (
    <div>
      // 后续会补充登录表单、验证逻辑等具体内容
    </div>
  );
}

内容的提问来源于stack exchange，提问作者Neji Soltani