리액트네이티브 하위 컴포넌트의 function 사용하기
child function 사용하기
parent
async function handleDatePicked(returndate){
var datePickedTimeVal = await roundedThirtyMinutes(returndate) //30분 단위로 변경
var checkNow = await checkCompareNowdays(datePickedTimeVal) //지금 시간하교 비교
var time = await timeTypeChange(datePickedTimeVal) //시간변경 10:00 형식
// checkNow
if(thisisFirstday==true){
if(!checkNow){
Alert.alert('지금 시간 이후로 설정해주세요.')
} else {
props.setnowtime(time)
}
} else {
props.setnowtime(time)
}
usechildDoAlert()
};
function acceptMethods(childDoAlert) {
//child 페이지에 function 사용
// isDateTimePickerVisible: false -> picker 숨기기
// Parent stores the method that the child passed
usechildDoAlert = childDoAlert;
}
< shareMethods={acceptMethods.bind(this)} >
child
componentDidMount() {
// Child passes its method to the parent
this.props.shareMethods(this.childDoSomething.bind(this));
}
childDoSomething() {
this.setState({ isDateTimePickerVisible: false });
// alert('clicked');
}
'React Native' 카테고리의 다른 글
안드로이드 API 릴리즈 버전 확인 방법 android api release version (0) | 2020.04.24 |
---|---|
빠른 모바일 앱 개발을 위한 리액트 네이티브 오렐리 정리 (0) | 2019.07.15 |