React 个人学习笔记

创建项目：

1、如果没有react脚手架，先安装一个

npm install -g create-react-app

2、创建

create-react-app my_project

3、启动

npm start   

react-router-dom的使用：

首先是安装

npm install react-router-dom

然后是在需要的界面进行引入

import { Link, Route, Routes } from "react-router-dom";

最后是使用，使用link定义点击的入口，routes里面包裹具体的路由关系，路由匹配后显示对应的组件（注意老版本的react-router是用的<Route path="/xxx" component={Test}/> 的写法）

{/* 相当于a标签 */}
        <Link to="/test1">go to test1</Link>
        <Link to="/test2">go to test2</Link>

        {/* 定义路由关系 */}
        <Routes>
          <Route path="/test1" element={<Test/>}></Route>