[React] default export와 named export

 

 

자주 볼 수 있는 에러

 

Uncaught SyntaxError: The requested module '/src/components/form/Input.jsx' does not provide an export named 'Input'

 

export default Test;

Test 컴포넌트를 default 로 export 하고 import 시 이렇게 하면 나는 오류

=> import Test from '경로';

 

default export

export default Test;

import Test from '경로';

named export

export const Test = () => {...}

import { Test } from '경로'