【Q&A】ReactJSのComponentをimport,exportする

・・・
    return (
      <div>
        <Component1 />
        <Component2 />
      </div>
    );
・・・

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

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

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

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

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

import {name} from './comp1';
　↓
import name   from './comp1';