10 2025 档案

为什么在componentDidMount()中请求数据？
摘要：componentDidMount()是React 生命周期重要部分 先理解生命周期顺序 在 React 类组件（Class Component） 中，组件的主要生命周期顺序如下： constructor() → 初始化 state、绑定方法 render() → 渲染 UI（但此时 DOM 还没插 阅读全文
posted @ 2025-10-28 10:01 煜火 阅读(6) 评论(0) 推荐(0)
何为高阶组件(higherordercomponent) ？
摘要：定义 高阶组件（Higher-Order Component，简称 HOC） 是一个 接受组件作为参数，并返回一个新组件的函数。 简单来说： HOC = 组件的“加工厂” 它给组件“增强功能”，返回一个功能更强的组件。 核心公式 const EnhancedComponent = higherOrd 阅读全文
posted @ 2025-10-27 16:11 煜火 阅读(9) 评论(0) 推荐(0)
何为受控组件(controlledcomponent) ？
摘要：“受控组件 (Controlled Component)” 是 React 中表单处理的一个核心概念。 定义 受控组件：指那些表单输入值由 React 组件的 state 控制的组件。 也就是说： 表单控件的 显示值（value） 来自组件的 state； 当用户输入时，通过 onChange 事件 阅读全文
posted @ 2025-10-27 10:15 煜火 阅读(13) 评论(0) 推荐(0)
(React中组件的)状态(state)和属性(props)之间有何不同？
摘要：定义区别 对比项 props（属性） state（状态） 来源 由 父组件传入 由 组件自身定义和维护 是否可修改 不可修改（只读） 可修改（通过 setState 或 useState） 作用 用于让组件间 通信（父→子） 用于管理组件内部 动态数据 生命周期 在整个组件生命周期中由父组件控制 组 阅读全文
posted @ 2025-10-24 09:10 煜火 阅读(6) 评论(0) 推荐(0)
类组件(Classcomponent)和函数式组件 (Functionalcomponent)之间有何不同？
摘要：在 React 中，类组件 (Class Component) 和 函数式组件 (Functional Component) 都是用来定义 UI 的两种方式，但它们在语法、生命周期管理、状态处理等方面有显著区别。 定义方式 类型 定义示例 类组件 jsx<br>class MyComponent e 阅读全文
posted @ 2025-10-23 10:05 煜火 阅读(10) 评论(0) 推荐(0)
展示组件(Presentationalcomponent)和容器组件 (Containercomponent)之间有何不同？
摘要：这两个是 React 架构设计中的经典概念 展示组件（Presentational Component） 作用： 负责 UI 展示 —— 即“长什么样”。 特点： 只关心如何显示数据，不关心数据从哪里来。 一般通过 props 接收数据和事件回调。 不直接依赖 Redux 或业务逻辑。 可以写成 函 阅读全文
posted @ 2025-10-22 09:39 煜火 阅读(19) 评论(0) 推荐(0)
ControlledComponent 与 UncontrolledComponent 之间的区 别是什么？
摘要：一句话解释： Controlled Component（受控组件）：由 React 的 state 完全控制其值。 Uncontrolled Component（非受控组件）：由 DOM 自身维护状态（React 不直接管）。 受控组件（Controlled Component） 在受控组件中，表单 阅读全文
posted @ 2025-10-21 16:24 煜火 阅读(7) 评论(0) 推荐(0)
列出 Redux 的组件？
摘要：在 Redux 中，“组件”通常指的是它的核心构成部分（即实现状态管理的几个关键模块），而不是 React 里的 UI 组件。Redux 体系主要由以下 5 大核心部分 组成 Redux 的核心组件 组件 作用 说明 Store 存储数据的地方 整个应用只有一个 Store，负责保存所有状态。 Ac 阅读全文
posted @ 2025-10-21 09:24 煜火 阅读(10) 评论(0) 推荐(0)
createElement 和 cloneElement 有什么区别？
摘要：React.createElement 和 React.cloneElement 是 React 核心 API 中最容易混淆的两个方法，但它们的作用其实完全不同。 React.createElement() 用于创建一个新的 React 元素（VNode） 这是 React 在底层用来创建虚拟 DO 阅读全文
posted @ 2025-10-20 11:39 煜火 阅读(11) 评论(0) 推荐(0)
事件在react中的处理方式？
摘要：一、React 事件的本质 在 React 中，事件不是原生的 DOM 事件，而是 合成事件（SyntheticEvent）。 React 自己实现了一套跨浏览器的事件系统，用于封装原生事件，让你在所有浏览器中都能一致地使用。 也就是说： <button onClick={handleClick}> 阅读全文
posted @ 2025-10-17 11:35 煜火 阅读(13) 评论(0) 推荐(0)
在react 当中Element 和 Component 有何区别？
摘要：Element（元素） 和 Component（组件）是 React 核心机制 里最容易混淆、但又非常重要的概念之一。 一句话总结 名称 定义 本质 由谁创建 举例 React Element React 用来描述 UI 的最小单元 一个普通的 JavaScript 对象 React.createE 阅读全文
posted @ 2025-10-16 15:52 煜火 阅读(20) 评论(0) 推荐(0)
简述flux思想？
摘要：Flux 是由 Facebook 提出的一种前端应用架构思想，主要用于管理 单向数据流，尤其是在 React 应用中。它并不是一个库，而是一种设计模式，核心理念可以总结如下： 1. 核心思想 单向数据流（Unidirectional Data Flow）：数据沿着一个方向流动，避免了双向绑定带来的复 阅读全文
posted @ 2025-10-15 19:09 煜火 阅读(17) 评论(0) 推荐(0)
(在构造函数中)调用super(props)的目的是什么？
摘要：在 React 类组件 中，constructor 构造函数里调用 super(props) 是一个非常经典的机制， 一、基本背景 在 React 中，我们定义类组件时通常这样写： class MyComponent extends React.Component { constructor(pro 阅读全文
posted @ 2025-10-14 13:36 煜火 阅读(5) 评论(0) 推荐(0)
setState 第二个参数的作用？
摘要：在 React（类组件中）setState 的第二个参数是一个 回调函数（callback），它会在 状态更新并且组件重新渲染完成后 执行。 基本语法 this.setState(updater[, callback]) updater：可以是对象（直接更新状态）或函数（根据前一个状态计算新的状态） 阅读全文
posted @ 2025-10-13 16:21 煜火 阅读(35) 评论(0) 推荐(0)
除了在构造函数中绑定this，还有其它方式吗？
摘要：在 React（尤其是类组件）中，“如何绑定 this” 是常见的坑点。 除了在构造函数里用 bind，还有几种替代方式，方案如下 1. 构造函数中绑定（传统方式） class Demo extends React.Component { constructor(props) { super(pro 阅读全文
posted @ 2025-10-11 15:10 煜火 阅读(9) 评论(0) 推荐(0)
你怎么理解redux的state的？
摘要：state 是 Redux 的核心概念之一 一句话理解 Redux 的 state 是应用的“单一数据源（Single Source of Truth）”。 它就像是整个应用的“中央数据库”，保存了当前应用中所有需要共享的状态。 所有组件都可以从它那里读取数据、订阅变化，但不能直接修改它。 举个例子 阅读全文
posted @ 2025-10-10 16:39 煜火 阅读(6) 评论(0) 推荐(0)
redux 本身有什么不足？
摘要：Redux 是 React 生态中最经典的状态管理方案之一，但它确实有不少天然不足和使用痛点。 一、Redux 本身的不足 样板代码太多（Boilerplate Code） Redux 的核心理念是「可预测状态变化」，这导致： 你必须写大量的样板代码（actions、action types、red 阅读全文
posted @ 2025-10-09 16:26 煜火 阅读(10) 评论(0) 推荐(0)