javascript - 导出 React 组件中预期的声明或表达式。导出方法之间的区别

Question

我有一个 react 组件。代码如下

import React from 'react';
export const Header=()=>{

        return(
            <div>this test</div>
        );
}

这工作正常。

但是，如果我使用下面的代码，它会给我错误，期望导出声明或表达式。

import React from 'react';
const Header=()=>{

        return(
            <div>this test</div>
        );
 }

export  Header;

有人能解释一下这两个导出之间的区别吗？ 提前谢谢。

Answer 1

如果你想要命名导出你需要

export  { Header };

或

export  { Header as Smth };

Docs

export { name1, name2, …, nameN };

export { variable1 as name1, variable2 as name2, …, nameN };

export let name1, name2, …, nameN; // also var, function

export let name1 = …, name2 = …, …, nameN; // also var, const

export name 只是无效语法。