====== export ====== ===== improt ===== [[https://qiita.com/HIGAX/items/28f3bec814928b7395da|【Q&A】ReactJSのComponentをimport,exportする]]


・・・
    return (
      
        
        
      
    );
・・・

====== constのexport ======


import * as React from 'react';　// これがないととかが
 
const Component1 = (props:any) => {
    const listItems = props.names.map((name: React.ReactNode) => 
        
{name}
    );
    return (
        {listItems}
    );
};
 
export default Component1;

====== classのexport ======


export class Message {
    getHello() {
        return "Helloworld";
      }
}

====== default export ======


//classがimportされるときにdefaultで呼ばれる。
import Componet1 from './comp1';

//defaultがなければどのclassをimportするか指定する必要がある。
import {Componet1,Componet2} from './comp1';

defaultを付けたclassを個別に指定するとエラーになるケースがある！ (defaultの付いていないクラスがあればOK) ====== エラー ======


モジュール '"../xxx"' にエクスポートされたメンバー 'xxx' がありません。ts(2305)

　↓ defaultのexportを{名前}で呼び出しているだけだった。


import {name} from './comp1'; // デフォルトがついていると個別では呼び出せない場合がある。
　↓
import name   from './comp1'; // OK