React 系列之基础三(路由篇)

React 系列之基础三

React 路由

React 路由帮组我们根据浏览器地址栏的 URL 将应用划分到不同的视图.

1. React-router

1. 快速开始

npm install --save react-router-dom

使用简单示例:

import {
  BrowserRouter as Router,
  Switch, Route, Link
} from "react-router-dom"

const App = () => {

  const padding = {
    padding: 5
  }

  return (
    <Router>
      <div>
        <Link style={padding} to="/">home</Link>
        <Link style={padding} to="/notes">notes</Link>
        <Link style={padding} to="/users">users</Link>
      </div>

      <Switch>
        <Route path="/notes">
          <Notes />
        </Route>
        <Route path="/users">
          <Users />
        </Route&