React

在 React 项目中使用 TS 创建新项目 在现有项目中添加 TS 创建新项目 命令：npx create-react-app react-ts-app --template typescript

TypeScript 高级类型 TS 中的高级类型有很多，重点学习以下高级类型： 泛型 和 keyof 索引签名类型 和 索引查询类型 映射类型 泛型 泛型是可以在保证类型安全前提下，让函数等与多种类

TypeScript 常用类型 TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统 所有的 JS 代码都是 TS 代码 JS 有类型（比如，number

TypeScript TypeScript 介绍 TypeScript 初体验 TypeScript 常用类型 TypeScript 高级类型 TypeScript 类型声明文件 在 React 中使

react样式冲突 组件样式覆盖问题 在Layout组件的index.scss中添加样式 在Home组件中的样式也跟着发生了改变，说明组件中的样式是相互影响的。 原因：在配置路由时，Layout和 H

Redux 设计 项目 store 设计 Reducer 的分离与合并 随着项目功能变得越来越复杂，需要 Redux 管理的状态也会越来越多 此时，有两种方式来处理状态的更新： 使用一个 reduce

Redux 基础 redux基本介绍 redux核心概念 react-redux的使用 为什么要用 Redux 目标： 能够说出为什么需要使用redux 内容： redux 中文文档 redux 英文

Hooks是什么？ 目标：能够说出 React Hooks是什么？ 内容： Hooks：钩子、钓钩、钩住 Hooks 是 React v16.8 中的新增功能 作用：为函数组件提供状态、生命周期等原本

快捷键 Basic Methods Prefix Method imp→ import moduleName from 'module' imn→ import 'module' imd→ impor

单页应用程序 SPA： Single Page Application 单页面应用程序，整个应用中只有一个页面（index.html） MPA : Multiple Page Application多

setState 更新数据 setState() 是异步更新数据的 注意：🔔使用该语法时，后面的 setState() 不要依赖于前面的 setState() 可以多次调用 setState() ，只

组件的生命周期 概述 意义：组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程 钩子函数的作用：

组件通讯-介绍以及为什么要有组件通讯 组件的props 组件通讯的三种方式 父传子 子传父 兄弟组件 Context组件通讯 props深入 组件通讯 组件是独立作用域，默认情况下，只能使用组件自己的

能够使用函数创建组件 - 函数组件 能够掌握 class 语法 extends继承 能够使用 class 创建组件-类组件 能够给 React 元素绑定事件 能够使用 state 与 setState