버튼 3개를 구현하려고 합니다. 그 중 하나를 클릭하면 배경색이 변경되고, 나머지 2개 버튼은 선택 해제되고 배경색이 원래 색상으로 돌아갑니다.
근데 React로 구현하려고 하면 항상 버튼 1개 뒤에 있습니다(1, 3, 2번 버튼을 순서대로 클릭하면 선택한 버튼을 1, 3으로 설정한다는 의미에서(오타가 아니고 그냥) 뒤에서)).
다음은 해당 특정 구성 요소에 대한 코드입니다.
으아악부품을 './Images' 导入的组件只是具有 <img src={<Image_here>} />에서 받았습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
activeBtnElement의 상태를 유지하고 특정 버튼을 클릭하면 이 activeBtnElement 상태를 해당 상태로 업데이트합니다. 그런 다음 해당 상태에 따라 조건을 적용합니다. 버튼그룹을 사용할 수도 있습니다.