React及相关库

<1> 非中文输入事件 输入过程中触发的事件流程大致如下： 获取焦点 onFocus() 按下 onKeyDown() ---- 可以拿到 keyCode [ e.keyCode] onKeyPres

问题分析 比如我们把接口返回的数据，使用 useState 储存起来，但是当后面去改变这个数据的时候，每次拿到的都是上次的数据，无法实时更新。 到底是异步还是同步，why有时候又觉得是同步的？ 只要你

一. 渲染两次问题 注意： 在严格模式下，React 开发环境会可以执行两次渲染，用于突出存在的问题！！结果就会导致组件中的代码在渲染时好像被执行了两次！！ 解决方法： 关闭严格模式即可！！ 二. 重

想要在项目中显示富文本的内容，而不是单单的字符串，如返回的数据为 < b > 小马哥 < /b > ，如果直接拿来显示的话，就会原封不动的显示为 < b > 小马哥 < /b > ，但如果采用富文本显

一. 什么是数据不可变性 数据不可变性，主要针对的是引用类型的数据，eg：对象、数组... let obj1 = { name : "翔哥", age : 19, } obj1.name = "轩哥"

理解函数副作用： 具体表现为： 修改了全局变量的值 修改了主调用函数中声明的变量的值(通过参数来进行修改) 缺点： 会给程序设计带来不必要的麻烦，给程序带来十分难以查找的错误，降低程序的可读性！！！

需求： 想要实现，通过点击关键字按钮，来过滤出与该关键字相关的 todos： 思路： 包装一个Link 组件 < FilterLink filter = "关键字"> ，里面是 < Link > 组件

> `middleware` 是指可以被嵌入在框架`接收请求到产生响应过程中的代码`，即已经被封装好的，在接收请求到产生响应这一过程中使用的代码！！！ > **在Redux中**，middleware

一. 两个时刻三个 action 当调用异步 API 时，有两个非常关键的时刻：发起请求的时刻和接收到响应的时刻, 这两个时刻都可能会更改应用的 state ，所以至少要 dispatch三种普通的同

一. 容器组件和展示(UI)组件分离 (1) 思想: 将容器与展示(UI)组件分离 (2) 举例 假设我们有一个关于评论的组件，如果不分离，就要把获取评论数据与把数据展示的代码写在一起。即如下： bu

Redux 应用中数据的生命周期遵循下面四个步骤： 调用 store.dispatch(action) ，触发某件事情 Redux store 调用传入的 reducer 函数 Store 会把两个参

Store 在前面的章节中，我们知道了： action 就是用来描述 "发生了什么的" 对象 reducer 就是根据 action 来进行具体相关操作来返回新 state 的函数 主要职责如下： 维

<1> action 处理 reducer 就是一个纯函数，接收(旧的 state 和 action type)，然后返回新的 state 。 (preState , action) => newSt

Action的本质： Action创建函数： 即手写一个返回 action 对象的函数，然后在 dispatch() 方法中把 action创建函数作为参数传入即可。 多数情况下，可以使用 react

总的来说： 就是应用中的所有 state 都以一个对象树的形式存储在一个单一的 store 中。唯一改变 state 的办法就是触发 action (一个描述发生什么的对象)。为了描述 action

1 . 简介 2 . 提供及优点 没有类名错误: styled-components 为您的样式生成唯一的类名。您永远不必担心重复、重叠或拼写错误。 更容易删除 CSS: 很难知道类名是否在您的代码库

1 . React.Children this.props.children 的值有三种可能： 如果当前组件没有子节点，它就是 undefined。 如果有一个子节点，数据类型是 object。 如果

1 . 空标签 <></> 它允许我们对元素列表进行分组，而无需将它们包装到新节点中。 2 . ## Fragment 标签 `Fragment`标签可以在语法上需要标签、但目标结构中不需要标签的地方

1 . what ? 在早期版本中，useHistory（） 钩子访问 React Router 历史对象，并使用 push 或 replace 方法导航到其他路由器。它有助于转到特定的URL，前进或

1 . React 的历史和应用 应用： 发展历史： 围绕React的新工具/新框架 2 . React 的设计思路 用原生 JS 写前端的缺陷（问题）： 两种系统的不同之处： 响应式系统的工作原理：