리액트 네이티브를 다루는 기술: 7.6.2 DateTimePickerModal 컴포넌트 사용하기

이번에는 날짜 또는 시간을 누르면 DateTimePickerModal 컴포넌트를 보여줘서 날짜를 수정할 수 있게 만들어주겠습니다.

이 컴포넌트는 다음과 같이 사용합니다.

<DateTimePickerModal
  onConfirm={onConfirm}
  onCancel={onCancel}
  mode={mode}
  date={date}
  isVisible={visible}
/>

• onConfirm: 날짜를 선택했을 때 호출되는 함수입니다. 함수의 파라미터는 Date 객체입니다.

• onCancel: 날짜 선택을 취소했을 때 호출되는 함수입니다.

• mode: 모달의 모드를 설정합니다. 설정할 수 있는 값은 date, time, datetime입니다.

• date: 컴포넌트에서 보여졌을 때 초깃값으로 설정할 Date 객체 타입의 값입니다.

• isVisible: 이 값을 true로 설정하면 모달이 보이고, false로 설정하면 모달이 사라집니다.

이 라이브러리의 세부 사용법은 공식 문서에서 확인하세요.

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.