react路由配置

react路由配置
        1 安装react-router-dom 5.2.0 或者5.2.1
          npm i react-router-dom --save-dev
        2 在项目中创建router.js文件
          import { BrowserRouter, Route } from 'react-router-dom';

          class Router extends React.Component{
            render() {
              return (
                <BrowserRouter>
                  <Route exact path="/路径" component={路由组件}></Route>
                  <Route strict exact path="/路径/:自定义属性名" component={路由组件}></Route>   // 动态路由匹配   /路径/123  /路径/name
                </BrowserRouter>
              )
            }
          }

          exact 为严格模式 
          strict 精确匹配

          export default Router

      3 在index.js文件中 引入 Router
        import Router from './Router'

        <React.StrictMode>
          <Router />
        </React.StrictMode>

        注意：
          在react-router-dom中有Link标签 

最后

以上就是眯眯眼盼望为你收集整理的react路由配置的全部内容，希望文章能够帮你解决react路由配置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。