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

因为您可以从同一个文件导出许多变量，所以it('should welcome "Bubba"' , inject([UserService], (userService: UserService) => { userService.user.name = 'Bubba'; fixture.detectChanges(); expect(el.textContent).toContain('Bubba'); }));只在整个文件中使用一次，以便您可以在不使用括号default的情况下将此默认变量导出到外部：

{}

让你导入它：

export default Header;

import Header from './Header.jsx';

让你导入它：

export {Header};

ES6默认关键字背后的原因

1 个答案: