react router入门

最新推荐文章于 2024-11-12 00:07:27 发布

ITKEP

最新推荐文章于 2024-11-12 00:07:27 发布

阅读量120

点赞数

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/ITKEP/article/details/132201577

版权

1.创建一个react项目并运行

//下载安装react
npm i create-react-app -g

//创建react项目
create-react-app dom_app

//进入文件夹
cd dom_app

//下载router
npm i react-router-dom

//运行文件
npm start

2.创建一个router路由文件

注意这是router6x得用法版本5得用法有所不同

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
//引入页面文件
import About from './view/about';

function aboutest() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<About />} />
      </Routes>
    </Router>
  );
}

export default aboutest;