个人笔记

TypeScript 常用类型 JS 已有类型 原始类型：number/string/boolean/null/undefined/symbol 这些类型，完全按照 JS 中的类型名称来书写 对象类型

TypeScript 介绍 TypeScript（简称TS）是 JavaScript 的超集（JS有的TS都有） TypeScript = Type + JavaScript（在JS基础之上，为 JS

React Router 6 快速上手 1.概述 React Router 以三个不同的包发布到 npm 上，它们分别为： react-router: 路由的核心库，提供了很多的：组件、钩子。 rea

件通信方式总结 组件间的关系： 父子组件 兄弟组件（非嵌套组件） 祖孙组件（跨级组件） 几种通信方式： props： children props render props 消息订阅-发布： pubs

1. setState setState 更新状态的2种写法 2. lazyLoad 路由组件的 lazyLoad 3. Hooks 1. React Hook/Hooks是什么? 2. 三个常用的

npm run bulid npm i serve -g serve bulid 1. `npm run bulid` 2. `npm i serve -g` 3. `serve bulid`

npm i redux-devtools-extension store 文件中进行配置： import { composeWithDevTools } from 'redux-devtools-ex

纯函数 一类特别的函数: 只要是同样的输入(实参)，必定得到同样的输出(返回) 必须遵守以下一些约束 不得改写参数数据 不会产生任何副作用，例如网络请求，输入和输出设备 不能调用 Date.now()

react-redux 基本使用 明确两个概念 UI 组件：不能使用任何 redux 的 api，只负责页面的呈现、交互等 容器组件：负责和 redux 通信，将结果交给 UI 组件 如何创建一个容器

redux 理解 学习文档 英文文档: https://redux.js.org/ 中文文档: http://www.redux.org.cn/ Github: https://github.com/

流行的开源React UI组件库 material-ui(国外) 官网: http://www.material-ui.com/#/ Github: https://github.com/callem

底层原理不一样 BrowserRouter 使用的是 H5 的 history API，不兼容 IE9 及以下版本 HasRouter 使用的是 URL 的哈希值 url 表现形式不一样 Browse

push 和 replace 默认 push 模式，类似压栈 编程式路由导航 借助 this.props.history 对象上的 API 对操作路由跳转、前进、后退 this.props.histo

模块化的基本概念 模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程；对于整个系统来说，模块是可组合、分解和更换的单元 编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并

params 参数 * 路由链接（携带参数）： 注册路由（声明接收）： 接收参数 search 参数 路由链接（携带参数）： 注册路由（无需声明，正常注册即可）： 接收参数： state 参数 路由链

React 路由介绍 现代前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多

前置说明 React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装) 常用的aja

使用 create-react-app 创建 React 应用 React 脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、dev

setState() 说明 更新数据 setState() 是**异步**更新数据的 可以多次调用 setState()，之后触发一次重新渲染（render） 使用下面这种语法时，后面的 setSta

refs 组件内的标签可以定义 ref 属性来标识自己 字符串形式的 ref 我们不建议使用它，因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来的版本被移除。 回调形式的