会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
煜火
博客园
首页
新随笔
联系
订阅
管理
2025年11月
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 煜火
阅读(4)
评论(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 煜火
阅读(6)
评论(0)
推荐(0)
列出 Redux 的组件?
摘要: 在 Redux 中,“组件”通常指的是它的核心构成部分(即实现状态管理的几个关键模块),而不是 React 里的 UI 组件。Redux 体系主要由以下 5 大核心部分 组成 Redux 的核心组件 组件 作用 说明 Store 存储数据的地方 整个应用只有一个 Store,负责保存所有状态。 Ac
阅读全文
posted @ 2025-10-21 09:24 煜火
阅读(7)
评论(0)
推荐(0)
createElement 和 cloneElement 有什么区别?
摘要: React.createElement 和 React.cloneElement 是 React 核心 API 中最容易混淆的两个方法,但它们的作用其实完全不同。 React.createElement() 用于创建一个新的 React 元素(VNode) 这是 React 在底层用来创建虚拟 DO
阅读全文
posted @ 2025-10-20 11:39 煜火
阅读(5)
评论(0)
推荐(0)
下一页
公告