1、安装路由
npm install react-router-dom
cnpm install react-router-dom
指定版本,这个版本可以使用,我使用5的
cnpm install react-router-dom@5
2、简单使用
import React from 'react';
import { createRoot } from 'react-dom/client';
// 引入路由
import {BrowserRouter as Router, Route, Link } from 'react-router-dom';
// import Hello from './hello/Hello'
var Pro1 = ()=><h2>111</h2>
var Pro2 = ()=><h2>11122</h2>
var Pros = ()=>{
return(
<Router>
<div>
<Link to="/dade">3333</Link>
<Link to="/dade2">333322</Link>
<Route path="/dade" component={Pro1} />
<Route path="/dade2" component={Pro2} />
</div>
</Router>
)
}
// const root = createRoot(document.getElementById('root')).render(<Hello/>);
const root = createRoot(document.getElementById('root')).render(<Pros/>);