javascript - React 导入组件名称冲突

Question

不确定如何解决 ReactJS 中两个导入组件之间的冲突，即:

import Select from './FormsUI/Select';
import Select from 'react-select';

基于上述，是否可以使用不同的名称来访问 react-select 库，因为我正在使用 中的第一个 Select。/在我的应用程序中多次使用 FormsUI/Select？

Answer 1

您正在从每个模块导入默认 导出，这意味着您控制本地名称。所以你可以这样做:

import FormsUISelect from './FormsUI/Select';
import ReactSelect from 'react-select';

如果它们被命名为 exports(它们不在您的问题中)，您仍然可以使用 as 控制本地名称:

import { Select as FormsUISelect } from './FormsUI/Select';
import { Select as ReactSelect } from 'react-select';