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

Question

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

Select.ts：

リーリー

img.styled.ts：

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

P粉200138510227日前469

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

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

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

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

キャンセル返事

公開

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved

Answer 1

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

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

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