React路由

一、路由的安装及配置

1.1路由的分类

react分为 普通组件和路由组件
普通组件一般放在components文件中
路由组件一般放在views文件中

想要在react中实现组件之间的跳转 我们需要使用react路由
在react中路由有两个：
1 react-router
2 react-router-dom
我们在进行使用的时候两者都可以 但是我们一般选择react-router-dom
里边dom操作的api

1.2路由的安装及配置

1、安装react-router-dom
npm i react-router-dom --save-dev
2 、在src文件中创建一个router.js 路由配置文件
import {BrowserRouter as Router, Route} from 'react-router-dom'引入

//这里引入路由组件，并引入 BrowserRouter (属于浏览器自带路由)、Router以下是固定写法
 class Routers extend Component{
   
        render() {
   
            return(
                <Router>
                    <Route path="/自定义组件的路径1" component={
   要渲染的组件1}></Route>