이제 컴포넌트에서 실제 날짜를 보여주도록 구현해봅시다. 방금 선언한 today를 DateHead 컴포넌트에 date Props로 설정해주세요.

App.js

import React from 'react';
import {SafeAreaView, StyleSheet} from 'react-native';
import DateHead from './components/DateHead';

function App() {
  const today = new Date();

  return (
    <SafeAreaView>
      <DateHead date={today} />
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({});

export default App;

다음으로 DateHead에서 오늘의 연, 월, 일 정보를 추출해 기존에 하드 코딩한 정보를 대체하겠습니다.