我看到以下内容很好：
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, Declaration )，用于在您的块中定义标识符。
您正在尝试将其与default关键字混合使用，该关键字期望紧随其后的是HoistableDeclaration、ClassDeclaration或AssignmentExpression。
因此它是一个SyntaxError。
如果你想要const一些东西，你需要提供标识符而不是使用default.
export本身接受其右侧的VariableStatement或声明。
以下是好的
export default Tab;
Tab成为AssignmentExpression因为它的名称是default ?
export default Tab = connect( mapState, mapDispatch )( Tabs );很好
这Tab = connect( mapState, mapDispatch )( Tabs );是一个AssignmentExpression。
更新：想象问题的不同方式
如果您试图从概念上理解这一点并且上面的规范推理没有帮助，请将其视为“如果default是合法标识符而不是保留令牌，那么编写export default Foo;and的不同方式是export default const Foo = 1;什么？”
在这种情况下，编写它的扩展方式将是
// pseudocode, this thought experiment is not valid JS
export default Foo;
// would be like
export const default = Foo;
export default const Foo = 1;
// would be like
export const default const Foo = 1;
// so would the following line make sense?
const bar const Foo = 1;
有一个有效的论点，扩展应该是这样的
// pseudocode, this thought experiment is not valid JS
export default const Foo = 1;
// would be like
const Foo = 1;
export const default = Foo;
但是，根据Sergey 的评论，这将变得模棱两可，因此明确地编写此模式更有意义。
如果你想导出默认的 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>
更新：由于这在堆栈跟踪中将其标记为未知，因此不推荐
更新 2：我只使用了下面的 es5 版本，因为它在堆栈跟踪和react开发工具上保留了名称。
import React from 'react'
export default function MyComponent(props) {
return (<div id='static-page-template'>
{props.children}
</div>)
}
保罗分享的答案是最好的。为了扩大，
每个文件只能有一个默认导出。而可以有多个 const 导出。默认变量可以使用任何名称导入，而 const 变量可以使用其特定名称导入。
var message2 = 'I am exported';
export default message2;
export const message = 'I am also exported'
在导入端，我们需要像这样导入它：
import { message } from './test';
或者
import message from './test';
第一次导入时，会导入 const 变量，而第二次导入时，将导入默认变量。
保罗的答案就是您正在寻找的答案。但是，作为一个实际问题，我认为您可能对我在自己的 React+Redux 应用程序中使用的模式感兴趣。
这是我的一个路由中的一个精简示例，展示了如何定义组件并使用单个语句将其导出为默认值：
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 )