·react-key-prop
</>
flpbalada/my-opencode-configreact-key-prop
✓指导正确使用 React 列表中的 key prop。在渲染列表、将数组映射到组件或排除与列表相关的状态错误时使用此技能。
2安装·0热度·@flpbalada
SKILL.md
Use stable, unique IDs from your data. Never use array index for dynamic lists.
The key prop provides stable identity to list elements during React's reconciliation process.
When data lacks IDs, create them once when receiving data:
指导正确使用 React 列表中的 key prop。在渲染列表、将数组映射到组件或排除与列表相关的状态错误时使用此技能。 来源：flpbalada/my-opencode-config。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/flpbalada/my-opencode-config --skill react-key-prop- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 react-key-prop？
指导正确使用 React 列表中的 key prop。在渲染列表、将数组映射到组件或排除与列表相关的状态错误时使用此技能。 来源：flpbalada/my-opencode-config。
如何安装 react-key-prop？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/flpbalada/my-opencode-config --skill react-key-prop 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/flpbalada/my-opencode-config
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01