JavaScript作为关键字，导入"as"后有多个名称

Question

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

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

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

所以这只是导入Router, Route, Switch模块吗?还是用这些词作为BrowserRouter的别名?as关键字在这里是如何使用的?

Answer 1

as只适用于BrowserRouter。其他两个(Route和Switch)不受影响。

这个导入和下面的相同:

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

或this, for the matter::-)

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

它正在从模块"react-router-dom"导入三个命名的导出:

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