именование коллизий при импорте модуля реакции

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

Welp, как оказалось, модуль, который я пытался импортировать, переопределял мой CSS, так что он выглядел так, как будто он ломал мою существующую навигацию.

Answer 2

Последний вариант должен работать.

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


const myNavBAr = rscroll.NavBar;