m0_47999208的博客

Hook主要用途是否与子组件通信暴露内容useRef存储 DOM 节点或可变值，不触发渲染否整个 ref 对象或 DOM 节点forwardRef将父组件的 ref 传递到子组件内部的 DOM 节点是完整的 DOM 节点与forwardRef配合，自定义暴露给父组件的内容（如特定方法）是自定义的方法或属性。

Redux：负责提供工具来创建 store（如），以及定义如何根据不同的 actions 更新应用的状态（reducers）。在这个例子中，我们通过来处理INCREMENT和DECREMENTactions。：提供了Provider组件，使得 Redux store 可以被 React 应用中的所有层级访问。此外，它还提供了和hooks，简化了 React 组件与 Redux store 之间的交互。在上述代码示例中，我们使用这些 hooks 来读取和修改 Redux store 中的状态。

更新触发方式Vue 通过或Proxy的setter自动触发更新，而 React 需要手动调用setState或useState的更新函数。数据处理原则Vue 可以直接修改数据对象，且支持深度响应式，而 React 遵循状态不可变原则，需要创建新的状态对象。依赖收集Vue 进行细粒度的依赖收集，而 React 主要通过虚拟 DOM 的比较来找出需要更新的部分，不进行依赖收集。

的值，而是会将状态更新排入队列，并在稍后进行更新。预测下刷新页面后，页面上会有啥数字出现。React 不会立即更新。执行之后，组件会重新渲染。只会在组件挂载后执行一次。

for (const e of files) { console.log(e) setFileList([...fileList, { file: e }])这里为啥只会set一次。

例如，在一个列表组件中，当新的数据加载进来时，需要同步更新列表项的位置和布局。假设列表项有动画效果，并且动画的起始位置需要和数据加载后的实际位置一致。- 有些UI库在初始化或更新组件时，需要在DOM更新后立即进行操作。比如，一个模态框库，需要在模态框的DOM元素渲染完成后，立即设置其位置和显示属性。- 示例：创建一个组件，该组件中有一个 div 元素，当组件挂载后，获取这个 div 的高度，并将这个高度值作为另一个 div 的最小高度。// 可以在这里进行一些同步的布局调整，比如设置动画的起始位置。

使用vscode的修复工具修复后保存，不会出现再次同样的问题。如何彻底修复：ctrl + ，在跳出的弹框里搜索。但是保存后还是和第一张图一样。使用vscode的修复工具。

在 UmiJS 项目中，路由的带参跳转和参数接收可以通过history对象来实现。Umi 使用了history库来处理前端路由。以下是如何进行带参跳转以及如何在目标页面接收这些参数。

用于在组件树中共享数据，避免通过层层传递 props 的方式来传递数据。它创建了一个上下文（Context），可以在组件树的不同层级中访问共享的数据。 例如，假设你有一个主题设置功能，主题颜色需要在多个组件中使用。使用useContext可以创建一个主题上下文，在顶层组件中设置主题颜色，然后在任何需要使用主题颜色的子组件中通过useContext来获取主题颜色，而不需要将主题颜色作为 props 一层一层地传递下去。

这是因为p4是一个函数，每次渲染都会生成一个新的函数，导致props变化，从而触发子组件重新渲染。useCallback接受两个参数，第一个参数是函数，第二个参数是依赖项数组如下。否则useCallback会认为函数没有依赖项，每次都会生成一个新的函数。现在添加p4，发现父组件的state变换，子组件也会重新渲染。添加依赖项p1，p4重新生成，p1改变，p4重新执行。依赖项是p2和p3，p1改变，不会触发p4重新生成。，如果props没有变化，则不会重新渲染子组件。哎，这样就可以了，子组建没有重新渲染。

【代码】react父调用子的方法，子调用父的方法。

2.onClick事件。

当然，很高兴为你解释React中的合成事件概念，非常适合React初学者理解。想象一下，你正在组织一场派对，为了让派对顺利进行，你需要管理各种活动，比如游戏、音乐和食物分配。但是，直接管理每一个细节（比如，关注每个人何时拿取食物、何时参与游戏）会非常复杂且容易出错。所以，你决定设立一个“活动台”，所有的活动请求都先经过这里，由“活动台”统一安排和协调。在React的世界里，这个“活动台”就像是合成事件系统。

构造函数使用 TypeScript 中的参数属性语法来声明一个公共的 name 属性，并在构造函数中进行初始化。move 方法接受一个表示距离的数字参数，并在控制台中打印动物移动的信息。要在 JavaScript 环境中运行这个 TypeScript 类，你可以使用 TypeScript 编译器将其编译为 JavaScript 代码。在编译之后，可以在浏览器或 Node.js 等环境中运行生成的 JavaScript 代码。

简单的解释：会在页面渲染的时候执行setState导致触发了reRender然后陷入死循环了。这个例题也是可以看下比较有意思。

是一个用于在函数式组件中获取和操作 Umi Model 的钩子函数。在 Umi 中，Model 是一种用于管理数据和状态的概念，可以帮助你更好地组织和管理应用程序的数据流。，你可以在函数式组件中轻松地访问和操作 Model 中的数据和方法。，你可以在不同页面之间进行跳转、监听路由变化等操作。在 Umi 中，通常会使用。是用于在 React 组件中进行页面导航和管理历史记录的工具。对象来实现页面的跳转和路由相关的操作。

使用antd-pro脚手架搭建react ts项目_antd pro react-优快云博客

【代码】react中的插槽。

【代码】输入框中值如何获取。

【代码】HTMLInputElement。

csdn逛了半天，说是啥echart版本的问题，降到4.9.0也没事变化。引入组件的时候不能用方括号包裹。