简单的 React Router 例子

文件目录

index.js(主)

固定格式

import React from 'react'
import ReactDOM from 'react-dom'
import AppRouter from './AppRouter'

ReactDOM.render(<AppRouter />,document.getElementById('root'))

AppRouter

import React from 'react'
import{
   BrowserRouter as Router,Route,Link} from 'react-router-dom'

//下列都是一些无状态组件。
import Index from './Pages/Index'
import List from './Pages/List'
import Home from './Pages/Home'

//设置规则  传递值  接收值  显示内容
function AppRouter(){
   

    return(
        <Router>
            <ul>
                <li><Link to="/home/">首页</