当前位置:首页 >> 半导体技术突破 >> 【React】路由的基础使用,索爱v800(索爱r800i)

【React】路由的基础使用,索爱v800(索爱r800i)

cpugpu芯片开发光刻机 半导体技术突破 2
文件名:【React】路由的基础使用,索爱v800 【React】路由的基础使用 react-router-dom@6的基础使用

1、安装依赖 npm i react-router-dom

默认安装最新版本的

2、在src/router/index.js import { createBrowserRouter } from "react-router-dom"/* createBrowserRouter:[/home]--h5路由createHashRouter:[/#/home]--哈希路由*/const router=createBrowserRouter([{path:"/login",element:<div>登录页</div>},{path:"/",element:<div>首页</div>},{path:"/mine",element:<div>我的</div>},{path:"*",element:<div>404</div>}])// element里可以替换成自己写的组件export default router 3、在src/index.js import React from 'react';import ReactDOM from 'react-dom/client';import { RouterProvider } from "react-router-dom"import router from "./router/index.js"const root = ReactDOM.createRoot(document.getElementById('root'));root.render(<RouterProvider router={router} />);
协助本站SEO优化一下,谢谢!
关键词不能为空
同类推荐
«    2025年12月    »
1234567
891011121314
15161718192021
22232425262728
293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接