由于项目引入了React-Router,Router控制着界面的跳转,所以,界面的配置只需要在Router里配置就好,项目目录下有一个App.jsx的文件,其中的Router节点就是用来配置路由的
其中的IndexRoute是应用进入时的默认界面,Route节点对应就是应用中的一个界面,代码中,说明应用中只有两个界面,HomePage和TodoApp,其中HomePage是进入应用后第一个展示的界面。访问Route中的path就是访问时页面对应的路径,如代码中TodoApp的path是todoApp,那么在浏览器中打出地址可以访问此界面,代码中的跳转也需要使用配置的path跳转。
代码中跳转的方法很简单,如果从A组件中跳转到下一个界面,那么在A组件中,要引入下面的代码
然后在组件中通过如下形式代码就可跳转
由于项目中并没有使用Redux之类的数据流框架,所以数据需要开发者自己管理了,设想从A界面跳转到B界面,数据的流转方式主要是A存取,B读取,B消费后删除。所以数据存储使用sessionStorage。