React 앱을 만들려고 하는데 이제 포켓몬이 포함된 선택 입력 상자가 생겼습니다. 선택 항목이 변경될 때마다(예: 포켓몬 변경) 포켓몬 스프라이트가 작은 흔들리는 애니메이션을 만들어야 합니다. 현재는 변경되는 스프라이트와 선택 값이 변경될 때 재생되는 오디오만 있습니다. 이 기능을 어떻게 구현할 수 있나요? 스타일을 변경하기 위해
이 컴포넌트에서 src 상태를 선언하는 대신 setSrc를 해당 컴포넌트에 prop으로 전달하여 상위 컴포넌트에 src 상태를 넣는 것이 도움이 될 것이라고 믿습니다. 따라서 이 구성 요소 onChange={() => setSrc(newVal)}에서 setSrc는 Select 구성 요소에 prop으로 전달됩니다.
또는 evt.target.value를 상태로 저장하고 onChange 이벤트에서 값을 업데이트하는 것이 좋습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 컴포넌트에서 src 상태를 선언하는 대신 setSrc를 해당 컴포넌트에 prop으로 전달하여 상위 컴포넌트에 src 상태를 넣는 것이 도움이 될 것이라고 믿습니다. 따라서 이 구성 요소
onChange={() => setSrc(newVal)}에서 setSrc는 Select 구성 요소에 prop으로 전달됩니다.또는 evt.target.value를 상태로 저장하고 onChange 이벤트에서 값을 업데이트하는 것이 좋습니다.
으아아아그런 다음:
으아아아