摘要：
触发状态更新 当你在组件里调用： this.setState({ count: this.state.count + 1 }); React 并不会马上修改 this.state，而是 把更新请求放到一个队列中（即所谓的异步/批量更新机制）。 合并新旧状态 React 会将你传入的对象 { coun 阅读全文
posted @ 2025-09-29 16:06
煜火
阅读(14)
评论(0)
推荐(0)
摘要：
在 React 里，定义组件的方法有几种常见方式，可以按 函数式组件 / 类组件 两大类来划分： 函数组件（Function Component） React 现在推荐的方式，写法简洁，支持 Hooks。 // 最基础 function Hello(props) { return <h1>Hello 阅读全文
posted @ 2025-09-28 16:57
煜火
阅读(6)
评论(0)
推荐(0)
摘要：
在 React 里，key 是一个特殊的属性，用来帮助 React 高效地识别哪些元素发生了变化（增删改）。 作用 列表渲染时唯一标识 当你用 map 渲染一组组件时，每个元素都要有 key。 React 通过 key 来判断元素是否复用。 {list.map(item => ( <li key={ 阅读全文
posted @ 2025-09-25 17:57
煜火
阅读(11)
评论(0)
推荐(0)
摘要：
在 React 类组件 里，性能优化常用的生命周期函数是： shouldComponentUpdate(nextProps, nextState) 作用：在组件 重新渲染前 执行，返回 true/false 来决定是否需要重新渲染。 默认返回 true，表示每次更新都会重新渲染。 通过对比 this 阅读全文
posted @ 2025-09-08 10:33
煜火
阅读(7)
评论(0)
推荐(0)
摘要：
shouldComponentUpdate 是什么？ 它是 React 类组件（Class Component）的生命周期函数。 调用时机：当 props 或 state 改变时，在重新渲染之前触发。 返回值：必须返回一个布尔值： true → 允许组件重新渲染（默认行为） false → 阻止组件 阅读全文
posted @ 2025-09-05 14:01
煜火
阅读(14)
评论(0)
推荐(0)
摘要：
React 和 Angular 都是前端主流框架/库，但它们的定位、设计理念和使用方式有很大不同。 定位 React Facebook 开发 定位是 UI 构建库（只关注 View 层） 需要配合其他库（如 React Router、Redux、MobX）才能形成完整解决方案 Angular Goo 阅读全文
posted @ 2025-09-04 16:56
煜火
阅读(10)
评论(0)
推荐(0)
摘要：
什么是 JSX？ JSX (JavaScript XML) 是 React 中的一种语法扩展，它允许你在 JavaScript 中写类似 HTML 的代码。 它的本质是 语法糖，在构建时会被编译成 纯 JavaScript（React.createElement 调用）。 示例： const ele 阅读全文
posted @ 2025-09-03 14:57
煜火
阅读(13)
评论(0)
推荐(0)
摘要：
React 是一个 用于构建用户界面（UI）的 JavaScript 库，由 Facebook 开发，核心理念是 组件化、声明式 UI、单向数据流。下面我从 特点、核心概念、优缺点、应用场景 这几个方面详细说明： 一、React 的核心特点 组件化开发 把 UI 拆分成独立、可复用的组件，每个组件维 阅读全文
posted @ 2025-09-02 14:10
煜火
阅读(15)
评论(0)
推荐(0)
摘要：
Webpack 的热更新（HMR, Hot Module Replacement）原理核心在于：不刷新整个页面，只替换发生变化的模块，从而保持应用状态，提高开发效率。 HMR 工作流程 整个过程可以分为 5 个核心步骤： 1. 启动 Dev Server 使用 webpack-dev-server 阅读全文
posted @ 2025-09-01 16:59
煜火
阅读(26)
评论(0)
推荐(0)
浙公网安备 33010602011771号