javascript - ES6 默认关键字背后的原因

Question

这个问题已经有答案了:

What is "export default" in JavaScript? (12 个回答)

已关闭 6 年前。

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

这是一个例子:

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';