2022年06月15日星期三 14:57
算是一个简单的系列合集笔记记录，温度而知新
React快速上手JSX语法学习React组件基础React组件通讯React组件进阶及生命周期深入浅出HooksRedux状态管理工具学习react-redux学习React路由阅读全文>>
2022年06月15日星期三 14:00
TS 中的类型兼容性TS 类型兼容性参考文档
两种类型系统：1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)
TS 采用的是结构化类型系统，也叫做 duck typing(鸭子类型)，类型检查关注的...
2022年06月15日星期三 13:54
TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统
JS 有类型（比如，number/string 等），但是 JS 不会检查变量的类型是否发生变化，而 TS 会检查
TypeScript 类型系统的主要优势：可以显示标记出代码...
2022年06月15日星期三 13:47
React路由-基本使用
这里使用最广泛的 v5 版本，v5 文档、 v5 中文文档
注意：v6 版本相比 v5 版本有破坏性更新！ v6 文档
步骤：
安装：yarn add react-router-dom@5.3.0导入路由的三个核心组件：Router / ...
2022年06月15日星期三 13:44
React-Redux介绍为什么要使用 React-Redux 绑定库?
React 和 Redux 是两个独立的库，两者之间职责独立。因此，为了实现在 React 中使用 Redux 进行状态管理 ，就需要一种机制，将这两个独立的库关联在一起。这时候就用到 React-Red...
2022年06月15日星期三 13:22
Redux-概念
Redux 是 React 中最常用的状态管理工具（状态容器）
文档：
redux 中文文档redux 英文文档
React的问题：
React 只是 DOM 的一个抽象层（UI 库），并不是 Web 应用的完整解决方案。因此 React ...
2022年06月15日星期三 11:51
Hooks-介绍
hooks 解释
Hooks：钩子、钓钩、钩住 ，Hooks 是 React v16.8 中的新增功能
hooks 作用
为函数组件提供状态、生命周期等原本 class 组件中提供的 React 功能可以理解为通过 Hooks 为函数组件钩入 class...
2022年06月15日星期三 11:24
props - 类型校验
理解props都是外来的，在使用的时候如果数据类型不对，很容易造成组件内部逻辑出错
// 开发者A创建的组件
const List = props => {
const arr = props.colors
const list ...
2022年06月15日星期三 11:20
组件通讯-概念
组件状态是独立的，组件化之后涉及状态同步，需要进行组件通讯
组件的特点
组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据在组件化过程中，通常会将一个完整的功能拆分成多个组件，以更好的完成整个应用的功能
组件通讯意义
而在这个过程中，多个组件...
2022年06月15日星期三 11:15
React 组件介绍组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。
组件表示页面中的部分功能，组合多个组件实现完整的页面。
功能特点：可复用、独立、可组合。
React组件的两种创建方式React 创建组件方法：
使用函数 function...
本月热门文章推荐阅读»
- 日志数量: 200
- 微语数量: 63
- 评论数量: 2529
- 运行天数: 4221