[解決済み] React - 純粋なステートレス・コンポーネントをエクスポートする方法

質問

ステートレスなピュアダムコンポーネントをエクスポートするにはどうすればよいですか？

私はクラスを使用する場合、これは動作します。

import React, { Component } from 'react';

export default class Header extends Component {
    render(){
        return <pre>Header</pre>
    }
}

しかし、私は純粋な関数を使用すると、私はそれを動作させるために取得することはできません。

import React, { Component } from 'react';
export default const Header = () => {
    return <pre>Header</pre>
}

何か基本的なことを見逃していませんか？

どのように解決するのですか？

ES6 では export default const . 定数を最初に宣言してから、それをエクスポートする必要があります。

const Header = () => {
  return <pre>Header</pre>
};
export default Header;

この制約があるのは export default a, b, c; と書くことは禁じられています。デフォルトでは1つの変数しかエクスポートできません。