fns를 사용하여 React Js의 날짜 포맷하기

만약reactjs 초보자라면, 날짜 형식은 핵심 자바스크립트와 완전히 다르다는 내 의견에 동의할 것이다. 핵심 자바스크립트는 간단한 날짜 대상만 작성할 수 있다. new Date()그러나 현대의 자바스크립트 라이브러리 reactjs에서는 가져오는 날짜와 포맷하는 날짜가 완전히 다르다.날짜를 포맷할 수 있는 방법은 많지만 가장 간단한 방법을 알려줄게.

1 프로젝트 디렉터리(루트)에 npm date fns 설치

C:\MyProjects\react-project>npm install date-fns

2 구성 요소에서 "date fns"가져오기 {format} 사용하기

import { format } from 'date-fns'

3 구성 요소

에 새 Date() 객체 사용
이제 위에서 언급한 2와 3이 완료되면 Date()를 사용하여 필요에 따라 포맷할 수 있습니다.예를 들면 다음과 같습니다.

{format ( new Date(), 'do MMMM Y')}

이것은 우리에게 현재 날짜를 제공할 것이다.예: 2021년 9월 22일