ES6默认关键字背后的原因[重复]

Posted 2023-02-22

【中文标题】ES6默认关键字背后的原因[重复]

【英文标题】：reason behind the default keyword for ES6 [duplicate]

【发布时间】：2017-06-30 07:02:28

【问题描述】：

我现在正在学习当前使用 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;

提前感谢您，如果我有任何不清楚的地方，请告诉我。

【参考方案1】：

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

export default Header;

让你导入它：

import Header from './Header.jsx';

---

export Header;

让你导入它：

import Header from './Header.jsx';

【讨论】：

主要原因是允许你用你选择的名字导入，因为是默认导出，所以可以用别名导入

正如对 ES6 开发人员的反馈一样，default 的命名对于从 ES5 移植现有代码相当不方便..啊