react路由,简单使用

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大得369

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值