찾다

 >  Q&A  >  본문

React에서 여러 버튼 구현: 클릭한 버튼을 제외한 모든 버튼 선택 취소

버튼 3개를 구현하려고 합니다. 그 중 하나를 클릭하면 배경색이 변경되고, 나머지 2개 버튼은 선택 해제되고 배경색이 원래 색상으로 돌아갑니다.

근데 React로 구현하려고 하면 항상 버튼 1개 뒤에 있습니다(1, 3, 2번 버튼을 순서대로 클릭하면 선택한 버튼을 1, 3으로 설정한다는 의미에서(오타가 아니고 그냥) 뒤에서)).

다음은 해당 특정 구성 요소에 대한 코드입니다.

으아악

부품을 './Images' 导入的组件只是具有 <img src={<Image_here>} />에서 받았습니다.

P粉099985373P粉099985373306일 전343

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

  • P粉151720173

    P粉1517201732024-02-27 09:06:34

    activeBtnElement의 상태를 유지하고 특정 버튼을 클릭하면 이 activeBtnElement 상태를 해당 상태로 업데이트합니다. 그런 다음 해당 상태에 따라 조건을 적용합니다. 버튼그룹을 사용할 수도 있습니다.

    회신하다
    0
  • 취소회신하다