【React】react配置路由

gengboxb 750 0

1、安装依赖

Source Code
  1. yarn add react-router-dom
复制 文本 高亮

2、创建路由文件router.js

Source Code
  1. import React, { Component } from 'react';
  2. import { BrowserRouter as Router, Route } from 'react-router-dom';
  3. import login from '../pages/login/login';
  4.  
  5. class RouteConfig extends Component {
  6. render() {
  7. return (
  8. <Router>
  9. {/* 配置首页 */}
  10. <Route path="/" exact component={login} />
  11. <Route path="/login/" component={login} />
  12. </Router>
  13. );
  14. }
  15. }
  16.  
  17. export default RouteConfig;
复制 文本 高亮

3、index.js引入router.js

Source Code
  1. import React from 'react';
  2. import ReactDOM from 'react-dom';
  3. import Route from './router/router';
  4. import * as serviceWorker from './serviceWorker';
  5.  
  6. const render = (Component) => {
  7. ReactDOM.render(
  8. <Component />,
  9. document.getElementById('root'),
  10. );
  11. };
  12.  
  13. render(Route);
  14. serviceWorker.unregister();
复制 文本 高亮

发表评论 取消回复
表情 图片 链接 代码