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

Question

は、私は以下の罰金であることを参照してください。

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

しかし、これは誤りです。

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

はまだこれが細かいです：constである理由

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

が、これはしてください説明できますexport defaultで無効ですか？それは不要ですか？& export defaultと宣言されているものはconstかと思われますか？

Answer 1

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

これをdefaultキーワードwhich expects a HoistableDeclaration, ClassDeclaration or AssignmentExpressionと組み合わせて使用​​してください。

したがって、SyntaxErrorです。

---

あなたがdefaultを使用する識別子を提供しないようにする必要がありますconstものにしたい場合。それ自体で

exportはそれが正しいですにVariableStatementか宣言を受け入れます。自身の輸出私の知る限り

---

は、あなたの現在のスコープには何も追加しないでください。

---

次は、それが名前デフォルト^{を与えられますようexport default Tab;}

TabがAssignmentExpressionなっ罰金ですか？

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

結構ですAssignmentExpressionです。

Answer 2

あなたの代わりに

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

のあなたは、私が個人的に好きではない、このような何かを、行うことができ、聞かせて/ constのデフォルトエクスポートする場合にも、このような何かを行うことができます。

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

Answer 3

ポールの答えがあなたが探しているものです。しかし、現実的な問題として、自分の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 { /* ... */ } 

（注：私は、用語「シーン」を使用します任意のルートの最上位コンポーネント用）。

私はこれが役に立ちそうです。私はそれが従来のものよりはるかにきれいに見えると思う。​​