摘要：
React.createElement 和 React.cloneElement 是 React 核心 API 中最容易混淆的两个方法，但它们的作用其实完全不同。 React.createElement() 用于创建一个新的 React 元素（VNode） 这是 React 在底层用来创建虚拟 DO 阅读全文
posted @ 2025-10-20 11:39
煜火
阅读(6)
评论(0)
推荐(0)
摘要：
一、React 事件的本质 在 React 中，事件不是原生的 DOM 事件，而是 合成事件（SyntheticEvent）。 React 自己实现了一套跨浏览器的事件系统，用于封装原生事件，让你在所有浏览器中都能一致地使用。 也就是说： <button onClick={handleClick}> 阅读全文
posted @ 2025-10-17 11:35
煜火
阅读(8)
评论(0)
推荐(0)
摘要：
Element（元素） 和 Component（组件）是 React 核心机制 里最容易混淆、但又非常重要的概念之一。 一句话总结 名称 定义 本质 由谁创建 举例 React Element React 用来描述 UI 的最小单元 一个普通的 JavaScript 对象 React.createE 阅读全文
posted @ 2025-10-16 15:52
煜火
阅读(10)
评论(0)
推荐(0)
摘要：
Flux 是由 Facebook 提出的一种前端应用架构思想，主要用于管理 单向数据流，尤其是在 React 应用中。它并不是一个库，而是一种设计模式，核心理念可以总结如下： 1. 核心思想 单向数据流（Unidirectional Data Flow）：数据沿着一个方向流动，避免了双向绑定带来的复 阅读全文
posted @ 2025-10-15 19:09
煜火
阅读(13)
评论(0)
推荐(0)
摘要：
在 React 类组件 中，constructor 构造函数里调用 super(props) 是一个非常经典的机制， 一、基本背景 在 React 中，我们定义类组件时通常这样写： class MyComponent extends React.Component { constructor(pro 阅读全文
posted @ 2025-10-14 13:36
煜火
阅读(4)
评论(0)
推荐(0)
摘要：
在 React（类组件中）setState 的第二个参数是一个 回调函数（callback），它会在 状态更新并且组件重新渲染完成后 执行。 基本语法 this.setState(updater[, callback]) updater：可以是对象（直接更新状态）或函数（根据前一个状态计算新的状态） 阅读全文
posted @ 2025-10-13 16:21
煜火
阅读(21)
评论(0)
推荐(0)
摘要：
在 React（尤其是类组件）中，“如何绑定 this” 是常见的坑点。 除了在构造函数里用 bind，还有几种替代方式，方案如下 1. 构造函数中绑定（传统方式） class Demo extends React.Component { constructor(props) { super(pro 阅读全文
posted @ 2025-10-11 15:10
煜火
阅读(8)
评论(0)
推荐(0)
摘要：
state 是 Redux 的核心概念之一 一句话理解 Redux 的 state 是应用的“单一数据源（Single Source of Truth）”。 它就像是整个应用的“中央数据库”，保存了当前应用中所有需要共享的状态。 所有组件都可以从它那里读取数据、订阅变化，但不能直接修改它。 举个例子 阅读全文
posted @ 2025-10-10 16:39
煜火
阅读(6)
评论(0)
推荐(0)
摘要：
Redux 是 React 生态中最经典的状态管理方案之一，但它确实有不少天然不足和使用痛点。 一、Redux 本身的不足 样板代码太多（Boilerplate Code） Redux 的核心理念是「可预测状态变化」，这导致： 你必须写大量的样板代码（actions、action types、red 阅读全文
posted @ 2025-10-09 16:26
煜火
阅读(9)
评论(0)
推荐(0)
浙公网安备 33010602011771号