ES6默认关键字背后的原因

Question

我现在正在学习一个目前使用ES6的React教程。我是ES6新手，在从模块导出名称时经常使用默认关键字。我一直在试图理解默认单词背后的推理，但还没有找到一个我能理解的答案。

下面是一个示例：

const Header = () => {
  return (
    <nav>
      <IndexLink to="/" activeClassName="active">Home</IndexLink>
      {" | "}
      <Link to="/about" activeClassName="active">About</Link>
      {" | "}
      <Link to ="/course" activeClassName="active">Courses</Link>
    </nav>
  );
};

export default Header;

事先谢谢你，如果我不清楚的话，请告诉我。

Answer 1

因为您可以从同一个文件导出许多变量，所以在整个文件中只使用一次default，可以在不使用{}括号的情况下将这个默认变量导入到外部：

export default Header;

让你进口它：

import Header from './Header.jsx';

export {Header};

让你进口它：

import {Header} from './Header.jsx';