从零开始学习React - 02
学习路由配置
查询度娘, react的路由配置有且仅有一种 react-router
react-router-dom
安装react-router-dom
npm install react-router-dom
执行完成后安装完成
开始配置
我没有找到react-router-dom
的中文官方文档,只能拼凑这看教程来进行学习
单独在src
下建立router
文件夹进行路由配置
在 src/router
下建立index.js
进行路由配置
import React from 'react'
import Loadable from 'react-loadable' //此处安装使用 npm install react-loadable 进行安装
import {
BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom'
import NotFound from '../pages/NotFound/NotFound'
function Loading(){
return <div>Loading</div>
}
const Home = Loadable({
loading: Loading,
loader: () => import('../pages/Home/Home')
})
const Login = Loadable(