REACT 구성 요소의 스타일 문제

Question

그림에 표시된 3버튼 컴포넌트의 경우 기본 JS와 REACT만 사용하여 버튼 중 하나를 클릭하여 버튼 중 하나의 스타일을 변경하는 간단한 방법을 어떻게 작성할 수 있습니까? 그리고 다른 버튼을 클릭해도 동일한 효과를 얻을 수 있습니다(즉, 다른 두 버튼의 스타일을 지우고 클릭 버튼의 스타일을 추가하는 것입니다)

Answer 1

버튼의 클릭은 클릭 여부에 따라 상태에 따라 유지됩니다. 상태에 따라 스타일도 달라집니다~~
두번째 질문은 확실히 p스타일은 하나만 쓸 수 있다는 것입니다. 버튼 3개에 버튼 10개, 버튼 10개에 버튼 10개를 쓰는 것은 불가능합니다. . . . 기본 데이터를 순회하고, 많은 p를 렌더링하고, p에 기본 스타일을 제공하고, 각 p에 다른 키를 할당하여 구별합니다

이것은 모달 구성 요소입니다. 다른 버튼을 클릭하면 해당 콘텐츠가 나타납니다 ~~

Answer 2

각 버튼에 대해 선택된 필드를 설정하고, 하나를 선택하고 나머지 두 개는 지웁니다.
선택한 값에 따라 버튼에 동적으로 스타일을 추가합니다.

Answer 3

입력 라디오를 사용하여 구현 가능