라디오 버튼은 양자택일을 할 때 사용하느라 보통 한 세트로 같이 짠다.
즉 A가 선택되면 B가 체크 해제되어야하고,
B가 선택되면 A가 체크 해제되어야 한다.
이때 onPress 로 똑같은 원리로 모달 버튼을 켜고 꺼주면 된다.
A가 선택되면 모달A를 true 하고 B를 체크해제하면 된다.
B가 선택되면 모달B를 true 하고 A를 체크해제하면 된다.
<RadioButton>
value="self"
status={this.state.checked === "0" ? "checked" : "unchecked"}
onPress={this.selfCombi}
</RadioButton>
<RadioButton>
value="another"
status={this.state.checked === "1" ? "checked" : "unchecked"}
onPress={this.agreeCombi}
</RadioButton>
이렇게, self 버튼을 누르면
( 해당 라디오 체크 & 반대 라디오 해제 & 해당 모달이 false 면 true로 , true 면 false 로 바꾸는 기능을 가진)
selfCombi 함수가 불린다.
agreeCombi = () => {
this.setAgreeRadio() ,this.agreeToggleModal(), this.setState({requestDate: "", _viewRequestDate:""})
}
selfCombi = () => {
this.setSelfRadio(), this.agreeToggleModal();
}
난 이렇게 함수를 스위치 껐다 키듯이 나누는 걸 좋아한당
뭔가 지저분한것 같기도..^^