Export: export default HelloWorld;
와 import: import React from 'react'
는 ES6 modules sysyem 의 일부이다.
A module is a self contained unit that can expose assets to other modules using export, and acquire assets from other modules using import.
import React from 'react'; // get the React object from the react module
class HelloWorld extends React.Component {
render() {
return <p>Hello, world!</p>;
}
}
export default HelloWorld; // expose the HelloWorld component to other modules
export exportName;
export function func() {}
는 func
로 export 하는 것이다. 이 예시에서는 import { func } from 'module'
과 같이 export의 이름과 같아야 한다. 따라서 한 개의 module에 여러 개의 이름을 가진 exports가 있을 수 있다.
export default exportName;
export default function func() {}
는 만약 import X from 'module'
로 import를 한다면, func
를 해당 local에서 X
로 사용할 수 있다(즉, module asset의 이름을 변경할 수 있다). 한 개의 module에는 하나의 export default만 존재할 수 있다.
module은
named exports
와default export
를 포함할 수 있다.
그것들은import defaultExport, { namedExport1, namedExport2 } from 'module'
처럼 import될 수 있다.
[원문]https://stackoverflow.com/questions/36426521/what-does-export-default-do-in-jsx/36426988