[React Native] 라디오 버튼마다 다른 모달 띄우기

Juhyang·2020년 8월 13일
0

React Native

목록 보기
4/4
post-thumbnail

라디오 버튼은 양자택일을 할 때 사용하느라 보통 한 세트로 같이 짠다.
즉 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();
  }

난 이렇게 함수를 스위치 껐다 키듯이 나누는 걸 좋아한당
뭔가 지저분한것 같기도..^^

profile
kurly - commerce web development

0개의 댓글