我认为以下内容是可以的:
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的东西都被假定为const或类似的?
当前回答
使用export default，在本例中不导出变量的名称。
错误的:
export default const Tab = connect( mapState, mapDispatch )( Tabs );
正确的:
export default connect( mapState, mapDispatch )( Tabs );
您可以在任何名称上导入它
其他回答
const类似于let，它是一个LexicalDeclaration (VariableStatement, Declaration)，用于在块中定义标识符。
你试图将它与default关键字混合使用，default关键字后面会跟着一个吊装声明、ClassDeclaration或AssignmentExpression。
因此它是一个SyntaxError。
如果你想要const的东西，你需要提供标识符，而不是使用default。
export本身接受其右侧的VariableStatement或Declaration。
下面是fineexport default Tab;
Tab成为一个AssignmentExpression，因为它被赋予的名称默认?
导出默认Tab = connect(mapState, mapDispatch)(Tab);很好
这里Tab = connect(mapState, mapDispatch)(Tabs);是一个赋值表达式。
更新:用不同的方式来想象问题
如果您试图从概念上理解这一点，而上面的规范推理没有帮助，可以将其想象为“如果default是一个合法的标识符，而不是一个保留令牌，那么使用哪种不同的方式来编写export default Foo;导出默认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>);
默认是const somvariablename
你不需要命名标识符，因为它是文件的默认导出，当你导入它时，你可以给它起任何你想要的名字，所以default只是将变量赋值浓缩成一个关键字。
使用export default，在本例中不导出变量的名称。
错误的:
export default const Tab = connect( mapState, mapDispatch )( Tabs );
正确的:
export default connect( mapState, mapDispatch )( Tabs );
您可以在任何名称上导入它
保罗的答案就是你想要的。然而，作为一个实际问题，我认为你可能会对我在自己的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)看起来干净得多
