LogoClawIndex
案例技能关于
LogoClawIndex

component-patterns - React组件模式

实现React组件模式，包括复合组件、自定义Hooks、渲染属性和多态组件

标签

更新于: 2026-03-22
React组件模式前端开发自定义HooksUI模式

能力

创建复合组件实现自定义Hooks应用渲染属性构建多态组件

典型输入

React环境组件属性初始值

典型输出

React组件自定义Hooks有状态逻辑

该技能可以做什么

  • 创建复合组件
  • 实现自定义Hooks
  • 应用渲染属性
  • 构建多态组件
  • 管理共享状态
  • 持久化状态

输入

  • React环境
  • 组件属性
  • 初始值
  • 媒体查询字符串

输出

  • React组件
  • 自定义Hooks
  • 有状态逻辑
  • 响应式UI组件

要求

  • React运行环境
  • TypeScript支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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