선택 이벤트가 변경되면 CSS 애니메이션이 해당 효과를 트리거합니다.

Question

React 앱을 만들려고 하는데 이제 포켓몬이 포함된 선택 입력 상자가 생겼습니다. 선택 항목이 변경될 때마다(예: 포켓몬 변경) 포켓몬 스프라이트가 작은 흔들리는 애니메이션을 만들어야 합니다. 현재는 변경되는 스프라이트와 선택 값이 변경될 때 재생되는 오디오만 있습니다. 이 기능을 어떻게 구현할 수 있나요? 스타일을 변경하기 위해 의 onChange和styled-components을 사용해 보았으나 제대로 작동하지 않았습니다. 애니메이션은 페이지가 로드될 때만 실행됩니다. 현재 코드는 다음과 같습니다.

Select.ts：

으아아아

img.styled.ts:

으아아아

감사합니다!

P粉200138510265일 전543

모든 응답(1)나는 대답할 것이다

이 컴포넌트에서 src 상태를 선언하는 대신 setSrc를 해당 컴포넌트에 prop으로 전달하여 상위 컴포넌트에 src 상태를 넣는 것이 도움이 될 것이라고 믿습니다. 따라서 이 구성 요소 onChange={() => setSrc(newVal)}에서 setSrc는 Select 구성 요소에 prop으로 전달됩니다.

또는 evt.target.value를 상태로 저장하고 onChange 이벤트에서 값을 업데이트하는 것이 좋습니다.

으아아아

그런 다음:

으아아아

취소회신하다

출판하다

공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

회사 소개부인 성명Sitemap

© php.cn All rights reserved

Answer 1

이 컴포넌트에서 src 상태를 선언하는 대신 setSrc를 해당 컴포넌트에 prop으로 전달하여 상위 컴포넌트에 src 상태를 넣는 것이 도움이 될 것이라고 믿습니다. 따라서 이 구성 요소 onChange={() => setSrc(newVal)}에서 setSrc는 Select 구성 요소에 prop으로 전달됩니다.

또는 evt.target.value를 상태로 저장하고 onChange 이벤트에서 값을 업데이트하는 것이 좋습니다.

으아아아

그런 다음:

으아아아