摘要: 在 React 中,组件之间的数据传递方式取决于它们的关系(父子、兄弟、跨层等)。下面是最常见的几种传值方式 一、父组件 → 子组件(最常见,用 props) 父组件通过 props 向子组件传值。 // 父组件 function Parent() { const name = '张三'; retu 阅读全文
posted @ 2025-11-03 09:10 煜火 阅读(1) 评论(0) 推荐(0)
摘要: componentDidMount()是React 生命周期重要部分 先理解生命周期顺序 在 React 类组件(Class Component) 中,组件的主要生命周期顺序如下: constructor() → 初始化 state、绑定方法 render() → 渲染 UI(但此时 DOM 还没插 阅读全文
posted @ 2025-10-28 10:01 煜火 阅读(2) 评论(0) 推荐(0)
摘要: 定义 高阶组件(Higher-Order Component,简称 HOC) 是一个 接受组件作为参数,并返回一个新组件的函数。 简单来说: HOC = 组件的“加工厂” 它给组件“增强功能”,返回一个功能更强的组件。 核心公式 const EnhancedComponent = higherOrd 阅读全文
posted @ 2025-10-27 16:11 煜火 阅读(4) 评论(0) 推荐(0)
摘要: “受控组件 (Controlled Component)” 是 React 中表单处理的一个核心概念。 定义 受控组件:指那些表单输入值由 React 组件的 state 控制的组件。 也就是说: 表单控件的 显示值(value) 来自组件的 state; 当用户输入时,通过 onChange 事件 阅读全文
posted @ 2025-10-27 10:15 煜火 阅读(6) 评论(0) 推荐(0)
摘要: 定义区别 对比项 props(属性) state(状态) 来源 由 父组件传入 由 组件自身定义和维护 是否可修改 不可修改(只读) 可修改(通过 setState 或 useState) 作用 用于让组件间 通信(父→子) 用于管理组件内部 动态数据 生命周期 在整个组件生命周期中由父组件控制 组 阅读全文
posted @ 2025-10-24 09:10 煜火 阅读(4) 评论(0) 推荐(0)
摘要: 在 React 中,类组件 (Class Component) 和 函数式组件 (Functional Component) 都是用来定义 UI 的两种方式,但它们在语法、生命周期管理、状态处理等方面有显著区别。 定义方式 类型 定义示例 类组件 jsx<br>class MyComponent e 阅读全文
posted @ 2025-10-23 10:05 煜火 阅读(8) 评论(0) 推荐(0)
摘要: 这两个是 React 架构设计中的经典概念 展示组件(Presentational Component) 作用: 负责 UI 展示 —— 即“长什么样”。 特点: 只关心如何显示数据,不关心数据从哪里来。 一般通过 props 接收数据和事件回调。 不直接依赖 Redux 或业务逻辑。 可以写成 函 阅读全文
posted @ 2025-10-22 09:39 煜火 阅读(8) 评论(0) 推荐(0)
摘要: 一句话解释: Controlled Component(受控组件):由 React 的 state 完全控制其值。 Uncontrolled Component(非受控组件):由 DOM 自身维护状态(React 不直接管)。 受控组件(Controlled Component) 在受控组件中,表单 阅读全文
posted @ 2025-10-21 16:24 煜火 阅读(6) 评论(0) 推荐(0)
摘要: 在 Redux 中,“组件”通常指的是它的核心构成部分(即实现状态管理的几个关键模块),而不是 React 里的 UI 组件。Redux 体系主要由以下 5 大核心部分 组成 Redux 的核心组件 组件 作用 说明 Store 存储数据的地方 整个应用只有一个 Store,负责保存所有状态。 Ac 阅读全文
posted @ 2025-10-21 09:24 煜火 阅读(7) 评论(0) 推荐(0)
摘要: React.createElement 和 React.cloneElement 是 React 核心 API 中最容易混淆的两个方法,但它们的作用其实完全不同。 React.createElement() 用于创建一个新的 React 元素(VNode) 这是 React 在底层用来创建虚拟 DO 阅读全文
posted @ 2025-10-20 11:39 煜火 阅读(5) 评论(0) 推荐(0)