✏️new Date(), Invalid Date 오류 안나오게 하기

• 주문 조회 기능으로 날짜 기간을 설정하여 해당 기간의 주문내역 조회를 하고 있다.

• Problem: 기간을 설정하고 날짜들을 다시 빈값으로 두면 빈값이 아니라 Invalid Date 오류가 나왔다.

[해당 에러 사이트- RangeError: invalid date 메시지]

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Errors/Invalid_date

😖문. 제. 는😖

• 유효하지 않은 String이 Date 나 Date.parse()에 입력되었습니다.
  라고 알려주고 있다.
  

💁‍♀️해결방법은?

해결방법은 간단하다.

하단 코드는 input을 클릭했을 때 나오는 이벤트이다.

const handleOrderDate = (e: React.ChangeEvent<HTMLInputElement>) => {
  //만약 e.target.value가 있으면 new Date로 빈값이면  ''로 만들어준다.
    const newDateValue = e.target.value ? new Date(e.target.value) : '';
    setOrderDate({ ...orderDate, [e.target.name]: newDateValue });
  };

const newDateValue = e.target.value ? new Date(e.target.value) : '';

😀 만약 e.target.value가 있으면 new Date로 빈값이면 ' '로 만들어준다.라는 삼항식을 쓰면 해결 가능하다!