選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。

Question

私は React アプリを作ろうとしています。今、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更される) たびに、ポケモンのスプライトが小さな揺れを起こすことです。アニメーション。現在、変更されるスプライトと、選択値が変更されたときに再生されるオーディオだけがあります。この機能を実装するにはどうすればよいですか? の onChange と styled-components を使用してスタイルを変更しようとしましたが、動作させることができません。 アニメーションが起動するだけです。ページが読み込まれるとき。 これは私の現在のコードです:

Select.ts：

リーリー

img.styled.ts：

リーリー ＃＃＃ありがとう！

P粉200138510181日前360

全員に返信(1)返信します

このコンポーネントで src 状態を宣言するのではなく、setSrc を prop としてそのコンポーネントに渡すことによって、親コンポーネントに src 状態を置くことが役立つと思います。したがって、このコンポーネントでは、onChange={() => setSrc(newVal)} となり、setSrc が prop として Select コンポーネントに渡されます。

あるいは、evt.target.value を状態として保存し、onChange イベントで値を更新することをお勧めします。

リーリー ＃＃＃それから：＃＃＃ リーリー

キャンセル返事

公開

• ホームページ

• コース

• に質問

• 私の

• ホームページ
• コース
• 記事
• に質問
• 辞書
• マニュアル
• ダウンロード
• 特集

ホームページ

記事

に質問

コース

特集

ダウンロード

ゲーム

辞書

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）

Answer 1

このコンポーネントで src 状態を宣言するのではなく、setSrc を prop としてそのコンポーネントに渡すことによって、親コンポーネントに src 状態を置くことが役立つと思います。したがって、このコンポーネントでは、onChange={() => setSrc(newVal)} となり、setSrc が prop として Select コンポーネントに渡されます。

あるいは、evt.target.value を状態として保存し、onChange イベントで値を更新することをお勧めします。

リーリー ＃＃＃それから：＃＃＃ リーリー