`Export Default Const`が無効なのはなぜですか？

私は次のことが大丈夫だと思います：

const Tab = connect( mapState, mapDispatch )( Tabs );
export default Tab;

ただし、これは正しくありません。

export default const Tab = connect( mapState, mapDispatch )( Tabs );

しかし、これは問題ありません。

export default Tab = connect( mapState, mapDispatch )( Tabs );

これconstはなぜで無効なのか説明できますexport defaultか？それは不必要な追加であり、export default推定されたものは何constですか？

const以下のようなものですlet、それはLexicalDeclaration（VariableStatement、宣言あなたのブロック内の識別子を定義するために使用されます）。

これを、HoistableDeclaration、ClassDeclaration、またはAssignmentExpressionが続くことを期待しているdefaultキーワードと混合しようとしています。

したがって、これはSyntaxErrorです。

const何かしたい場合は、識別子を提供し、使用しないでくださいdefault。

exportそれ自体で、その右側のVariableStatementまたは宣言を受け入れます。

私の知る限り、エクスポート自体は現在のスコープに何も追加すべきではありません。

以下は結構ですexport default Tab;

Tabdefaultという名前が付けられると、AssignmentExpressionになります ^。

export default Tab = connect( mapState, mapDispatch )( Tabs ); 結構です

これTab = connect( mapState, mapDispatch )( Tabs );がAssignmentExpressionです。

代わりにデフォルトのconst / letをエクスポートしたい場合は、このようなこともできます

const MyComponent = ({ attr1, attr2 }) => (<p>Now Export On other Line</p>);
export default MyComponent

私が個人的に好きではないこのようなことをすることができます。

let MyComponent;
export default MyComponent = ({ }) => (<p>Now Export On SameLine</p>);

コンポーネント名がファイル名MyComponent.jsで説明されている場合は、コンポーネントに名前を付けないでください。コードがスリムになります。

import React from 'react'

export default (props) =>
    <div id='static-page-template'>
        {props.children}
    </div>

更新：これはスタックトレースで不明としてラベル付けするため、お勧めしません

ポールの答えはあなたが探しているものです。ただし、実際問題として、私が自分のReact + Reduxアプリで使用しているパターンに興味があると思います。

これは、私のルートの1つから取り除いた例で、コンポーネントを定義して、1つのステートメントでデフォルトとしてエクスポートする方法を示しています。

import React from 'react';
import { connect } from 'react-redux';

@connect((state, props) => ({
    appVersion: state.appVersion
    // other scene props, calculated from app state & route props
}))
export default class SceneName extends React.Component { /* ... */ }

（注：ルートの最上位コンポーネントには「シーン」という用語を使用しています）。

これがお役に立てば幸いです。従来よりずっと綺麗に見えると思いますconnect( mapState, mapDispatch )( BareComponent )

パウロの答えは最高です。さらに拡大するには、

ファイルごとにデフォルトのエクスポートは1つだけです。一方、複数のconstエクスポートが存在する可能性があります。デフォルト変数は任意の名前でインポートできますが、const変数は特定の名前でインポートできます。

var message2 = 'エクスポートされました';

デフォルトのメッセージ2をエクスポートします。

constメッセージのエクスポート=「私もエクスポートされています」

インポート側では、次のようにインポートする必要があります。

'./test'から{メッセージ}をインポートします。

または

'./test'からメッセージをインポート;

最初のインポートではconst変数がインポートされますが、2番目のインポートではデフォルトの変数がインポートされます。

default 基本的に const someVariableName

名前付き識別子は必要ありません。ファイルのデフォルトのエクスポートであり、インポート時に任意の名前を付けることができるためdefault、変数の割り当てを1つのキーワードに圧縮するだけです。

私にとって、これはtypescriptの多くの特異性（idio（t）に重点を置いている）の1つにすぎません。これにより、人々は髪を引っ張って開発者を呪います。多分彼らはより理解しやすいエラーメッセージを考え出すことに取り組むことができるでしょう。