84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
私は 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 イベントで値を更新することをお勧めします。
このコンポーネントで src 状態を宣言するのではなく、setSrc を prop としてそのコンポーネントに渡すことによって、親コンポーネントに src 状態を置くことが役立つと思います。したがって、このコンポーネントでは、
onChange={() => setSrc(newVal)}
となり、setSrc が prop として Select コンポーネントに渡されます。あるいは、evt.target.value を状態として保存し、onChange イベントで値を更新することをお勧めします。
リーリー ###それから:### リーリー