·react-key-prop
</>

react-key-prop

flpbalada/my-opencode-config

React リストのキー プロパティの適切な使用法をガイドします。このスキルは、リストのレンダリング、コンポーネントへの配列のマッピング、またはリスト関連の状態バグのトラブルシューティングを行うときに使用します。

2インストール·0トレンド·@flpbalada

インストール

$npx skills add https://github.com/flpbalada/my-opencode-config --skill react-key-prop

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 リストのキー プロパティの適切な使用法をガイドします。このスキルは、リストのレンダリング、コンポーネントへの配列のマッピング、またはリスト関連の状態バグのトラブルシューティングを行うときに使用します。 ソース: 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 リストのキー プロパティの適切な使用法をガイドします。このスキルは、リストのレンダリング、コンポーネントへの配列のマッピング、またはリスト関連の状態バグのトラブルシューティングを行うときに使用します。 ソース: 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 で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/flpbalada/my-opencode-config