React 앱을 만들려고 하는데 이제 포켓몬이 포함된 선택 입력 상자가 생겼습니다. 선택 항목이 변경될 때마다(예: 포켓몬 변경) 포켓몬 스프라이트가 작은 흔들리는 애니메이션을 만들어야 합니다. 현재는 변경되는 스프라이트와 선택 값이 변경될 때 재생되는 오디오만 있습니다. 이 기능을 어떻게 구현할 수 있나요? 스타일을 변경하기 위해
Select.ts
:
img.styled.ts
:
감사합니다!
P粉9905682832024-04-02 00:10:18
이 컴포넌트에서 src 상태를 선언하는 대신 setSrc를 해당 컴포넌트에 prop으로 전달하여 상위 컴포넌트에 src 상태를 넣는 것이 도움이 될 것이라고 믿습니다. 따라서 이 구성 요소 onChange={() => setSrc(newVal)}
에서 setSrc는 Select 구성 요소에 prop으로 전달됩니다.
또는 evt.target.value를 상태로 저장하고 onChange 이벤트에서 값을 업데이트하는 것이 좋습니다.
으아아아그런 다음:
으아아아