react全家桶-路由

  • /src目录下新增一个pages目录,用于存放渲染页面的组件
  • /src/pages中新增一个Add.js文件
  • /src 下的index.js
    路由:
    import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter, Route, Link } from 'react-router-dom'; import AddPage from './pages/Add'; const App = () => ( <BrowserRouter> <div> {
    /*
    exact: path 为 '/one' 的路由将不能匹配 '/one/two'
    strict: 对路径末尾斜杠的匹配
    */
    } <Route path="/" exact render={ () => <h1>Home</h1> } /> <Route path="/user" component={ AddPage } /> </div> </BrowserRouter> ) ReactDOM.render(<App/>, document.getElementById('app'));
原文地址:https://www.cnblogs.com/avidya/p/7504520.html