导入反应模块时命名冲突

Question

我在导入模块时遇到问题，不是因为它引发了错误，而是因为它破坏了我应用的另一部分。

我想......

import {NavBar,  ElementWrapper } from 'react-scrolling-nav';

..但我有一个现有的模块NavBar，这个导入似乎打破了。我试过了：

import {NavBar as ScrollingNavBar,  ElementWrapper } from 'react-scrolling-nav';

但它破坏了我现有的NavBar。我试过了：

import * as rscroll from 'react-scrolling-nav';

在导入过程中是否存在别名的方法以避免这种情况？

Answer 1

最后一个选项应该有用。

import * as rscroll from 'react-scrolling-nav';


const myNavBAr = rscroll.NavBar;