/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'));