LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

rerender-memo - 提取昂贵的React组件到memoized组件中

将昂贵的计算提取到React.memo组件中以避免不必要的重新渲染

标签

更新于: 2026-02-12
React性能优化记忆化

能力

典型输入

典型输出

该技能可以做什么

  • 使用React.memo提取组件
  • 用memo包装昂贵计算
  • 在props未变化时跳过计算

输入

  • React组件代码
  • 昂贵计算逻辑
  • 组件props

输出

  • memoized React组件
  • 优化的组件结构
  • 减少重新渲染的代码

要求

  • React框架
  • TypeScript或JavaScript

来源

  • 规范: SKILL.md
使用React.memo提取组件
用memo包装昂贵计算
在props未变化时跳过计算
React组件代码
昂贵计算逻辑
组件props
memoized React组件
优化的组件结构
减少重新渲染的代码