首页 > 解决方案 > javascript作为关键字,导入中“as”后的多个名称

问题描述

我注意到这个导入在一个 javascript 文件中

import {BrowserRouter as Router, Route, Switch} from "react-router-dom"

根据我过去的经验,我可以看到as用于为导入的模块创建别名的关键字。

那么这只是导入Router, Route, Switch模块吗?还是它使用这些词作为别名BrowserRouteras这里的关键字是如何使用的?

标签: javascriptreactjsimportmodule

解决方案


as仅适用BrowserRouter于. 其他两个 (RouteSwitch) 不受影响。

该导入与此相同:

import {BrowserRouter as Router} from "react-router-dom";
import {Route, Switch} from "react-router-dom";

或者这个,就此而言::-)

import {Route, Switch, BrowserRouter as Router} from "react-router-dom";

它从模块中导入三个命名导出"react-router-dom"

  • BrowserRouter(使用本地名称Router在模块的代码中引用它)
  • Route(对本地标识符使用相同的名称)
  • Switch(对本地标识符使用相同的名称)

推荐阅读