onClick はマップを使用して各インスタンスをロードします

Question

loading が設定されて props に渡されますが、ボタンの onClick が押されると、ローダーは item トリガーのすべてのインスタンスをロードします。 。押されたボタンでのみローダーを実行するにはどうすればよいですか?

ああああ

Answer 1

親コンポーネントにブール変数をロードするのではなく、ID の配列を使用して各ボタンのロードをレンダリングする必要があります。以下に例を示します。 このコードは、コード サンドボックス ここ で確認できます。

リーリー

これは私が実装した簡単な例です。ユーザーがボタンをクリックすると、そのボタンのみが読み込みスピナーを表示します。これはさまざまな方法で実現できます。ユーザーがロード ボタンをクリックした場合に、項目が状態に存在するかどうかを確認してロードを削除するロジックを追加することもできます。存在する場合は、ロード リストから単純に削除できます。