react router官方文档_前端日常之react的hook+路由独立配置

近来项目比较少，工作量不大，早就听说reac更新了hook；开始提倡函数式写法，vue的新版本更新也遵循这一原则，采取向下兼容的方式，同样支持原有的class组件写法；以上原因有两点(个人观点，不喜勿喷)，其一是据说react官方开发者本身比较偏向函数式，其二是开发者在框架源码中做了很多性能优化，但是由于class组件，有些优化并没作用于开发过程。

最近开始试一波react的坑，开始慢配置项目的目录结构，发现它的路由没有像vue一样作为单独文件配置，而是以jsx方式呈现；于是我开始在github上查找关于react独立路由文件的方法,果然我找到了 React Router Config；=》

$ npm install --save react-router-config

于是我开始对照文档以及大神的博客构建项目，项目目录如下：

路由文件：routes.js

import Home from '../pages/home'import Demo from '../pages/demo'import Test from '../pages/test'// import App from '../App'const routes = [ { path:'/home', component:Home, name:"home