私は React アプリを作ろうとしています。今、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更される) たびに、ポケモンのスプライトが小さな揺れを起こすことです。アニメーション。現在、変更されるスプライトと、選択値が変更されたときに再生されるオーディオだけがあります。この機能を実装するにはどうすればよいですか? の onChange と styled-components を使用してスタイルを変更しようとしましたが、動作させることができません。 アニメーションが起動するだけです。ページが読み込まれるとき。 これは私の現在のコードです:
onChange
styled-components
Select.ts：
Select.ts
img.styled.ts：
img.styled.ts
このコンポーネントで src 状態を宣言するのではなく、setSrc を prop としてそのコンポーネントに渡すことによって、親コンポーネントに src 状態を置くことが役立つと思います。したがって、このコンポーネントでは、onChange={() => setSrc(newVal)} となり、setSrc が prop として Select コンポーネントに渡されます。
onChange={() => setSrc(newVal)}
あるいは、evt.target.value を状態として保存し、onChange イベントで値を更新することをお勧めします。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
このコンポーネントで src 状態を宣言するのではなく、setSrc を prop としてそのコンポーネントに渡すことによって、親コンポーネントに src 状態を置くことが役立つと思います。したがって、このコンポーネントでは、
onChange={() => setSrc(newVal)}となり、setSrc が prop として Select コンポーネントに渡されます。あるいは、evt.target.value を状態として保存し、onChange イベントで値を更新することをお勧めします。
リーリー ＃＃＃それから：＃＃＃ リーリー