煜火 - 博客园

2025年10月

摘要：在 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)

2025年9月

调用setState 之后发生了什么？

摘要：触发状态更新当你在组件里调用： this.setState({ count: this.state.count + 1 }); React 并不会马上修改 this.state，而是把更新请求放到一个队列中（即所谓的异步/批量更新机制）。合并新旧状态 React 会将你传入的对象 { coun 阅读全文

posted @ 2025-09-29 16:06 煜火阅读(19) 评论(0) 推荐(0)

请列举定义react组件的方法？

摘要：在 React 里，定义组件的方法有几种常见方式，可以按函数式组件 / 类组件两大类来划分：函数组件（Function Component） React 现在推荐的方式，写法简洁，支持 Hooks。 // 最基础 function Hello(props) { return <h1>Hello 阅读全文

posted @ 2025-09-28 16:57 煜火阅读(7) 评论(0) 推荐(0)

react 中 keys 的作用是什么？

摘要：在 React 里，key 是一个特殊的属性，用来帮助 React 高效地识别哪些元素发生了变化（增删改）。作用列表渲染时唯一标识当你用 map 渲染一组组件时，每个元素都要有 key。 React 通过 key 来判断元素是否复用。 {list.map(item => ( <li key={ 阅读全文

posted @ 2025-09-25 17:57 煜火阅读(12) 评论(0) 推荐(0)

react 性能优化是哪个周期函数？

摘要：在 React 类组件里，性能优化常用的生命周期函数是： shouldComponentUpdate(nextProps, nextState) 作用：在组件重新渲染前执行，返回 true/false 来决定是否需要重新渲染。默认返回 true，表示每次更新都会重新渲染。通过对比 this 阅读全文

posted @ 2025-09-08 10:33 煜火阅读(8) 评论(0) 推荐(0)

shouldComponentUpdate 是做什么的？

摘要： shouldComponentUpdate 是什么？它是 React 类组件（Class Component）的生命周期函数。调用时机：当 props 或 state 改变时，在重新渲染之前触发。返回值：必须返回一个布尔值： true → 允许组件重新渲染（默认行为） false → 阻止组件阅读全文

posted @ 2025-09-05 14:01 煜火阅读(17) 评论(0) 推荐(0)

react 与 angular 有何不同？

摘要： React 和 Angular 都是前端主流框架/库，但它们的定位、设计理念和使用方式有很大不同。定位 React Facebook 开发定位是 UI 构建库（只关注 View 层）需要配合其他库（如 React Router、Redux、MobX）才能形成完整解决方案 Angular Goo 阅读全文

posted @ 2025-09-04 16:56 煜火阅读(26) 评论(0) 推荐(0)

公告