ReactJS) 글쓰기-유저가 여러번 클릭 막기/ router.query가 null 인 경우/ +id.toString() 하는 이유/데이터 베이스 날짜, 시간 렌더링

글쓰기-유저가 여러번 클릭 막기

 const onValid = (data) =>{
    // 유저가 여러번 클릭하는 거 막기 위한 것
    if(loading) return ;
    test(data)
  }

router.query가 null 인 경우

상세페이지에서는 router.query가 null일 수 있다
null이면 error를 받기 떄문에 null 페이지로 갈 수 있다

const { data, error } = useSWR(router.query.id ? `/api/test/${router.query.id}` : null)

+id.toString() 하는 이유

const post = await client.test.findUnique({
        where: {
          // id가 배열로 들어올 수 있고, 저장할떄는 숫자로 해야해서
          id: +id.toString(),
        },

데이터 베이스 날짜, 시간 렌더링

String으로 묶어준다

mementjs 사용

JavaScript에서는 moment.js 라이브러리

const date = moment('2023-02-23T14:30:00Z').format('YYYY-MM-DD HH:mm:ss');
console.log(date);