一.特性fragment模版支持fragment和string类型，对应ReactElement数组和字符串v16.2.0还提供了JSX的fragment支持：<></>errorboundary组件级错误处理，支持捕获子组件树内部异常，UI层的兜底方案portal允许组件树与DOM树结构不一致，用于hovercards，tooltips等场景例如tooltip在DOM结构
原创
2021-01-15 21:22:59
497阅读
一.概览从功能上看，React16规划中有4个关键特性：ConcurrentModeHooksSuspenseforCodeSplittingforDataFetchingforSSRModernizingReactDOM其中，ConcurrentMode（之前叫AsyncRendering）无疑是最值得期待的东西，或将引领变革（合作式调度机制可能泛化成为浏览器能力）单从形式上看，Hooks是对函
原创
2021-01-13 17:10:03
274阅读
React是一个用于构建用户界面的JavaScript库，而TypeScript是一种由微软开发的JavaScript的超集，它添加了静态类型和其他功能。React和TypeScript的结合可以提供更好的开发体验和更可靠的代码。
近期，React 16版本已经发布，并且添加了对TypeScript的官方支持。在这篇文章中，我们将探讨如何使用React 16和TypeScript来构建一个简单的
原创
2024-01-10 11:22:56
79阅读
Returning null will not update state and trigger a component re-render Example: updateMocktail = mocktail => { const newMocktail = mocktail; this.setS
转载
2020-09-01 15:10:00
168阅读
2评论
路由
一、版本5路由
1. react-router-dom
2. 路由的使用
1. 基础使用
安装：yarn add react-router-dom@5
明确好界面中的导航区、展示区
导航区Link标签包裹
<Link to="/home">Home</Link>
展示区写在Route标签进行匹配
<Route path='/home' co
原创
精选
2024-01-03 08:40:31
586阅读
参考视频教程资料: React16+Redux实战企业级大众点评WebApp : (http://www.notescloud.top/goods/detail/1210)<http://www.notescloud.top/goods/detail/1210 React17+ReactHook+TS4最佳实践
转载
2021-08-22 15:25:39
228阅读
异常处理机制1.概念：异常处理是一种允许两个独立开发的程序组件在程序执行时遇到不正常的情况相互通信的工具 2.异常检测和异常处理的方式 throw表达式：程序遇到了错误或者无法处理的问题，使用throw引发异常 try、catch语句块：以关键字tyr开始，并以一个或多个catch子句结束。它们也被称为异常处理代码 一、throw1.概念：程序的异常检测部分使用throw表达式...
原创
2021-08-28 11:09:34
1169阅读
挂载阶段（Mounting）：组件的初始化渲染从上图可以得知，在挂载阶段中，React 15 和 React 16.3 生命周期的差异是 componentWillMount 替换为 getDerivedStateFromProps。换句话说，废弃了 componentWillMount，新增了 getDerivedStateFromProps。认识 getDerivedStateFromProp
转载
2021-01-20 19:38:41
1285阅读
2评论
前言React实现可以粗划为两部分：reconciliation和 commit
原创
2022-03-28 14:15:06
2135阅读
try{}catch( const CException & e ){// catch all CExceptions// as far as I know it is ok now to catch CException by reference with modern Microsoft compilers? It was not always the recommended mi
转载
2018-05-22 10:23:00
103阅读
2评论
1. 初识虚拟DOM
描述
什么是虚拟DOM呢？本质是Object类型的对象（一般对象）
我们为什么要了解虚拟DOM呢?很简单，因为React要用
我们第三点会使用React分别使用js和jsx创建虚拟DOM，在此呢，我们先要了解两大js库：
react.js：react的核心库
react-dom.js：用于支持react操作DOM
注意：加development表示开发模式的库
原创
精选
2023-12-26 14:26:09
264阅读
笔记gitee地址
一、redux是什么
redux是一个专门用于做状态管理的js库（不是react插件库）
它可以用在react、angular、vue的项目中，但基本与react配合使用
作用：集中式管理react应用中多个组件共享的状态
二、什么情况下需要使用redux
某个组件的状态，需要让其他组件可以随时拿到（共享）
一个组件需要改变另一个组件的状态（通信）
总体原则：能不用就不用
原创
精选
2024-01-04 08:40:12
272阅读
什么是错误边界？官方描述：过去，组件内的 JavaScript 错误会导致 React 的内部状态被破坏，并且在下一次渲染时 产生 可能无法追踪的 错误。这些错误基本上是由较早的其他代码（非 React 组件代码）错误引起的，但 React 并没有提供一种在组件中优雅处理这些错误的方式，也无法从错误中恢复。部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为了解决这个问题，React 16 引入了一个新的概念 —— 错误边界。解读错误边界指的是部分UI导致的JS错误导致整个应用崩溃
原创
2021-12-16 16:36:50
135阅读
对象中调用变量要加[]函数柯里化的概念通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。函数柯里化的案例不使用函数柯里化实现form表单的state更新
原创
2022-02-25 14:51:03
86阅读
对象中调用变量要加[]
函数柯里化的概念通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。
函数柯里化的案例
不使用函数柯里化实现form表单的state更新
原创
2021-12-16 17:28:20
121阅读
什么是错误边界？官方描述：过去，组件内的 JavaScript 错误会导致 React 的内部状态被破坏，并且在下一次渲染时 产生 可能无法追踪的 错误。这些错误基本上是由较早的其他代码（非 React 组件代码）错误引起的，但 React 并没有提供一种在组件中优雅处理这些错误的方式，也无法从错误中恢复。部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为了解决这个问题，React 16 引入了一个新的概念 —— 错误边界。解读错误边界指的是部分UI导致的JS错误导致整个应用崩溃
原创
2022-02-25 14:37:50
223阅读
