Reactjs 反应下拉选项消除

我是ReactJS新手，但我正在尝试创建四个下拉菜单，所有下拉菜单都有相同的选项可供选择，但当选择一个选项时，我需要将该选项从所有其他下拉菜单中删除

您需要一个父组件来存储所有使用的值，并将它们作为属性传递回下拉组件，以便它们知道应该删除哪些选项

const options=['A'，'B'，'C'，'D'，'E']；
const isNotUsed=unavailable=>item=>unavailable.indexOf（item）==-1；
常量选择=（{onChange，不可用，值，字段}）=>(
onChange（e.target.value）}value={value}>
选择
{options.filter（isNotUsed（不可用））.map（项=>(
{item}
))}
);
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
值：{}
};
}
handleChange（字段、值）{
this.setState（state=>({
……国家，
价值观：{
…国家价值观，
[字段]：值，
}
}));
}
render（）{
const unavailableFor=（字段）=>
Object.keys（this.state.values）
.map（键=>
键！==字段
？此.状态.值[键]
：null
)
.filter（布尔）；//删除空
返回(
{['first'，second'，third'，fourth'].map（字段=>(
))}
);
}
}

---

您需要一个父组件来存储所有使用的值，并将它们作为属性传递回下拉组件，以便它们知道应该删除哪些选项

const options=['A'，'B'，'C'，'D'，'E']；
const isNotUsed=unavailable=>item=>unavailable.indexOf（item）==-1；
常量选择=（{onChange，不可用，值，字段}）=>(
onChange（e.target.value）}value={value}>
选择
{options.filter（isNotUsed（不可用））.map（项=>(
{item}
))}
);
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
值：{}
};
}
handleChange（字段、值）{
this.setState（state=>({
……国家，
价值观：{
…国家价值观，
[字段]：值，
}
}));
}
render（）{
const unavailableFor=（字段）=>
Object.keys（this.state.values）
.map（键=>
键！==字段
？此.状态.值[键]
：null
)
.filter（布尔）；//删除空
返回(
{['first'，second'，third'，fourth'].map（字段=>(
))}
);
}
}

---

你能提供一些代码来解释你已经尝试了什么吗？@Mooneruma请告诉我们你已经尝试了什么以及结果如何。请提供一些您尝试过的代码。您能否提供一些代码解释您已经尝试过的内容？@Mooneruma请告诉我们您已经尝试过的内容以及结果。提供一些你尝试过的代码。好的，我会使用一个家长列表来查看，这也会影响到孩子们。还有，那个代码对我不起作用或者是不完整的。你有什么样的错误？您是否尝试了此链接：？结果应该出现在右下角。别在意你的职业球员和绅士的表现。刚开始的时候，由于某种原因，它没有加载。很高兴提供帮助，欢迎使用堆栈溢出！如果此答案解决了您的问题，请将其标记为已接受。@Mooneruma您需要代码方面的帮助吗？好的，我将使用同样会影响孩子的家长列表进行查看。还有，那个代码对我不起作用或者是不完整的。你有什么样的错误？您是否尝试了此链接：？结果应该出现在右下角。别在意你的职业球员和绅士的表现。刚开始的时候，由于某种原因，它没有加载。很高兴提供帮助，欢迎使用堆栈溢出！如果此答案解决了您的问题，请将其标记为已接受。@Mooneruma您需要代码方面的帮助吗？