label 클릭으로 라디오버튼 선택되게 하기

프로젝트 피드백에서 라디오버튼의 라벨을 클릭했을때도 버튼이 클릭되게 수정해보라고 하셔서 고쳐보았다.

• radio버튼의 특징
  1. name이 같은 버튼 안에서는 1개의 버튼만 선택이 가능하다
  2. 라벨의 htmlFor과 버튼을 같은 id로 묶으면 라벨을 선택했을 때 해당 라디오 버튼이 동시에 선택된다
  3. value 선택했을 때 전달될 값이다
  4. checked 선택된 상태로 바꾼다

    <div>
      <input
        id={condition}
        type="radio"
        name="condition"
        onChange={handleCondition}
      />
      <label htmlFor={condition} onClick={handleCondition}>
        {conditions[condition]}
      </label>
    </div>