2025年11月
什么时候在功能组件(ClassComponent)上使用类组件 (FunctionalComponent)？
摘要： “功能组件 (Functional Component)” 和 “类组件 (Class Component)” 的使用时机，是 React（或 Vue 2 + Class API）里一个常见的设计抉择点。 一、前置概念澄清 名称 说明 类组件 (Class Component) 使用 class 关 阅读全文
posted @ 2025-11-04 09:13 煜火 阅读(3) 评论(0) 推荐(0)
react 中组件如何进行数据传值？
摘要： 在 React 中，组件之间的数据传递方式取决于它们的关系（父子、兄弟、跨层等）。下面是最常见的几种传值方式 一、父组件 → 子组件（最常见，用 props） 父组件通过 props 向子组件传值。 // 父组件 function Parent() { const name = '张三'; retu 阅读全文
posted @ 2025-11-03 09:10 煜火 阅读(1) 评论(0) 推荐(0)
2025年10月
为什么在componentDidMount()中请求数据？
摘要： componentDidMount()是React 生命周期重要部分 先理解生命周期顺序 在 React 类组件（Class Component） 中，组件的主要生命周期顺序如下： constructor() → 初始化 state、绑定方法 render() → 渲染 UI（但此时 DOM 还没插 阅读全文
posted @ 2025-10-28 10:01 煜火 阅读(2) 评论(0) 推荐(0)
何为高阶组件(higherordercomponent) ？
摘要： 定义 高阶组件（Higher-Order Component，简称 HOC） 是一个 接受组件作为参数，并返回一个新组件的函数。 简单来说： HOC = 组件的“加工厂” 它给组件“增强功能”，返回一个功能更强的组件。 核心公式 const EnhancedComponent = higherOrd 阅读全文
posted @ 2025-10-27 16:11 煜火 阅读(5) 评论(0) 推荐(0)
何为受控组件(controlledcomponent) ？
摘要： “受控组件 (Controlled Component)” 是 React 中表单处理的一个核心概念。 定义 受控组件：指那些表单输入值由 React 组件的 state 控制的组件。 也就是说： 表单控件的 显示值（value） 来自组件的 state； 当用户输入时，通过 onChange 事件 阅读全文
posted @ 2025-10-27 10:15 煜火 阅读(6) 评论(0) 推荐(0)
(React中组件的)状态(state)和属性(props)之间有何不同？
摘要： 定义区别 对比项 props（属性） state（状态） 来源 由 父组件传入 由 组件自身定义和维护 是否可修改 不可修改（只读） 可修改（通过 setState 或 useState） 作用 用于让组件间 通信（父→子） 用于管理组件内部 动态数据 生命周期 在整个组件生命周期中由父组件控制 组 阅读全文
posted @ 2025-10-24 09:10 煜火 阅读(4) 评论(0) 推荐(0)
类组件(Classcomponent)和函数式组件 (Functionalcomponent)之间有何不同？
摘要： 在 React 中，类组件 (Class Component) 和 函数式组件 (Functional Component) 都是用来定义 UI 的两种方式，但它们在语法、生命周期管理、状态处理等方面有显著区别。 定义方式 类型 定义示例 类组件 jsx<br>class MyComponent e 阅读全文
posted @ 2025-10-23 10:05 煜火 阅读(8) 评论(0) 推荐(0)
展示组件(Presentationalcomponent)和容器组件 (Containercomponent)之间有何不同？
摘要： 这两个是 React 架构设计中的经典概念 展示组件（Presentational Component） 作用： 负责 UI 展示 —— 即“长什么样”。 特点： 只关心如何显示数据，不关心数据从哪里来。 一般通过 props 接收数据和事件回调。 不直接依赖 Redux 或业务逻辑。 可以写成 函 阅读全文
posted @ 2025-10-22 09:39 煜火 阅读(8) 评论(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 煜火 阅读(8) 评论(0) 推荐(0)
下一页