Javascript 如何在react中呈现稍微可变的select？

如果我通过贴图渲染所有这些选择，我无法理解如何进行彼此独立的选择。考虑到将来数据将从redux存储中获取，如何正确实现

详细的示例代码

从“React”导入React；
从“react dom”导入react dom；
从“@material ui/core/Select/Select”导入Select；
从“@material ui/core/InputLabel/InputLabel”导入InputLabel；
从“@material ui/core/FormControl/FormControl”导入FormControl；
从“@material ui/core/MenuItem/MenuItem”导入菜单项；
类应用程序扩展了React.Component{
状态={
选择值：“”，
选择标题：[
{
标题：“标题1”
},
{
标题：“标题2”
}
]
};
handleChange=事件=>{
console.log（event.target）；
this.setState（{[event.target.name]：event.target.value}）；
};
render（）{
const renderSelect=this.state.selectTitle.map（（项目，索引）=>
{item.title}
十
二十
三十
);
返回(
{renderSelect}
);
}
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）

编辑：

两个选择都具有相同的值，因为每个
元素都有一个
值
道具从相同的
this.state.selectValue
状态中拉出。您需要以与其标题相对应的方式分别存储每个值

比如：

state = {
  selectValue: {
    Title1: 10,
    Title2: 30
  },
  selectTitle: [
    {
      title: "Title1"
    },
    {
      title: "Title2"
    }
  ]
};

然后，在组件中进行更改，以更正读写状态。
我不知道这对我有什么帮助？不要告诉我所选结果以便保存，我是否需要在redux中写入它？我不明白您的意思我可以从redux加载数据，并且在选择select时，也在存储中记录我的选择？还是会是一种坏习惯？