假设我们有一个包含 usestate 的 react 组件。
const expensivecalculation = () => {
// ...
}
export default function aboutpage() {
const [state, setstate] = usestate(expensivecalculation())
return (
// ...
);
}
我们用昂贵的计算函数的结果启动状态。
每次组件重新渲染时，函数 costlycalculation 都会运行，即使我们只需要它的结果作为 usestate 的初始值。该函数的结果将不会被使用。
为了避免重新渲染期间昂贵的计算，请传递函数本身而不调用它。 react 足够智能，可以在挂载时调用函数本身，而不是每次渲染时调用函数本身。
家政服务平台系统包含家用电器安装清洗、搬家、家电维修、管道疏通、月嫂保姆、育儿陪护、上门开锁等多种服务项目，用户可以直接通过家政小程序咨询，在线预约服务类型，同时还设置有知识科普，给用户科普一些清洁保养小技巧，让用户能够足不出户就可以直接预约服务，方便又快捷。本项目使用微信小程序平台进行开发。使用腾讯专门的小程序云开发技术，云资源包含云函数，数据库，带宽，存储空间，定时器等，资源配额价格低廉，无需
0
const expensiveCalculation = () => {
// ...
}
export default function AboutPage() {
const [state, setState] = useState(expensiveCalculation)
return (
// ...
);
}
以上就是您可能不知道的 useState 性能技巧的详细内容，更多请关注php中文网其它相关文章！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
252
收藏
