TLDR;
선언하며 export를 할순 없다.
문제는?
// 에러
export default const TestFunc : NextPage = () =>
// ...
TypeScript
복사
•
NextJS에서 페이지는 default로 export되어야 페이지로 생성됨
•
그러던 도중 function 키워드를 사용한 함수 선언문으로는 export default가 가능
export default function TestPage() {
//...
}
TypeScript
복사
•
왜 화살표 함수 키워드를 사용한 함수 표현문으론 사용 불가능
// TS에러 발생
export default const Todo:NextPage = ({}) => {
//...
}
TypeScript
복사
왜?
export default const Todo:NextPage = ({}) => {
//...
}
TypeScript
복사
•
export default로 기본 export를 지정함과 동시에 const Todo로 변수 선언도 동시에 수행 하려는 시도이기 때문
•
const Todo를 제거하고 var a, b, c로 간단화 할 경우 이해하기 아주 쉬워짐
// 선언과 동시에 export는 불가능하기 때문
export default const a, b, c;
TypeScript
복사
대응 방안은?
const Todo:NextPage = () => {
//...
}
export default Todo;
TypeScript
복사
