기본 내보내기 대 명명된 내보내기 반응? #초보자

//MyFunc.js file 
const MyFunc = () => <h1>Default Export<h1/>
export default MyFunc;

import MyChoiceOfName from "./MyFunc"
//so we can use 
<MyChoiceOfName /> //here.

//NameExpo.js file 
export const NameExpo = () => <h1>Named Export<h1/>
//As we did not specify name here and so it has to take some name to export, so it will take componenet name.

import NameExpo from "./NameExpo" //Notice here we have both file and delcared name same i.e. NameExpo
//so we can use 
<NameExpo /> //here.

//NameExpo.js file 
export const MyNameExpo1 = () => <h1>Named Export 1<h1/>
export const MyNameExpo2 = () => <h1>Named Export 2<h1/>
export const MyNameExpo3 = () => <h1>Named Export 3<h1/>

import MyNameExpo1 from "./NameExpo" 
import MyNameExpo2 from "./NameExpo" 
import MyNameExpo3 from "./NameExpo" 
//so we can use 
<MyNameExpo1 /> //here.
<MyNameExpo2 /> //here.
<MyNameExpo3 /> //here.