react学习笔记-创建项目

1、创建react

npx create-react-app  项目名字

2、安装各种依赖

npm i antd // 蚂蚁金服
npm i axios // axios
npm i sass // sass
npm i react-router-dom // react路由

3、react router中的组件主要分为三类

1、路由器，例如 BrowserRouter 和 HashRouter。对于 web 项目，react-router-dom 提供BrowserRouter和HashRouter路由器。两者之间的主要区别是它们存储URL和与Web服务器通信的方式
2、路由匹配器： 例如Route和Switch
3、导航：例如Link, NavLink, and Redirect

例：（在根目录下）

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";

function App() {
  return <h1>Hello React Router</h1>;
}

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);

注册路由: <Route path="/test" component={Test}>
当浏览器的path变为/test时, 当前路由组件就会变为Test组件