用户11716263
React 中 useState 初始值函数执行时机与性能陷阱
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户11716263
社区首页
>
专栏
>
React 中 useState 初始值函数执行时机与性能陷阱
React 中 useState 初始值函数执行时机与性能陷阱
用户11716263
关注
发布于 2026-11-06 09:16:28
发布于 2026-11-06 09:16:28
22
0
举报
概述
在 React 函数组件里用 useState 存一个需要计算才能得到的初始值时,很多人会直接把计算结果传进去,比如 useState(compute())。组件每次重新渲染都会执行 compute,哪怕这个值只在首次挂载时被用到。如果 compute 涉及深拷贝、遍历大数组、解析 JSON 字符串或者做正则匹配,这个开销就会落在每次渲染的同步流程里,在频繁更新的组件上很容易成为性能热点。Reac
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
react
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档