React 导入组件名称冲突

Question

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

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

基于上述内容，当我在我的应用程序中多次使用第一个选择时，是否可以使用不同的名称来访问反应选择库？./FormsUI/Select

Answer 1

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

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

如果它们被命名为导出（它们不在您的问题中），您仍然可以使用以下命令控制本地名称as：

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