如何通过React路由实现登录页面跳转功能？

本文共计1278个文字，预计阅读时间需要6分钟。

上一篇配置好了webpack和react的环境后，接下来开始编写登录页面以及后续的跳转到主页的功能。1、首先看下总体目录结构。由于看别人写的例子时，常常因为目录结构不合理而感到困惑。

上一篇在配置好了webpack和react的环境后，接下来开始写登录界面，以及接下来的跳转到主页的功能。

1、首先看一下总体的目录结构。

因为很多时候在看别人写的例子的时候因为目录结构不熟悉后边会出现意想不到的岔子。

2、大体流程：

1）webpack配置入口文件src/index.js
2）运行index.html后首先加载入口文件src/index.js
3）加载路由表src/router/index.js
4）根据路由表中的配置会首先加载登录界面src/login.js
5）当在登录界面登录成功后跳转到src/components/myView.js
6）在myView文件中点击左侧菜单会分别显示指定页面（都是在路由表中配置）

3、写HTML文件。

其中，1）id为myContent处是为了放置我们写的组件。
2）script中加载的文件时webpack打包后的js文件。