不确定如何解决 ReactJS 中两个导入组件之间的冲突，即：
import Select from './FormsUI/Select';
import Select from 'react-select';
基于上述内容，当我在我的应用程序中多次使用第一个选择时，是否可以使用不同的名称来访问反应选择库？./FormsUI/Select
希望我能得到一些帮助。我目前正在学习使用 React Material-UI 的教程，特别是使用简单的“选择”下拉列表。
他们的代码使用以下 json 数据集对象片段，如下所示：
{
"AF": "Afghanistan",
"AL": "Albania",
"DZ": "Algeria",
"AS": "American Samoa",
"AD": "Andorra",
"AO": "Angola",
"AI": "Anguilla"
}
他们用来构建 select 的 React 代码如下，其中 options 这里是上面的 json 数据集：
return (
<TextField>
{Object.keys(options).map((item, pos) => {
return (
<MenuItem key={pos} value={item}>
{options[item]}
</MenuItem>
)
})}
</TextField>
);
现在我正在尝试构建与上面类似的东西，但我的数据集实际上是一个对象数组，即：
[
{
"job_id": 1,
"job_name": "Engineer"
},
{
"job_id": 2,
"job_name": "Scientist"
},
{
"job_id": 3,
"job_name": "Teacher"
}
]
我的问题是，如何实现上述 React 代码来构造我的 React Material UI Select，但我不想使用对象，而是使用我的对象数组，其中选择下拉列表中显示的名称和返回job_name …