禁用自动选择中的选项 material ui
Disabling options in Autoselect material ui
我试图根据特定条件禁用 material ui 的自动完成选项，我有一个数组并将其映射到 table 上，所以每个 table 行有自动完成功能，因此只要在自动完成的 table 单元格中选择了一个选项，就应该在同一行的自动完成的下一个 table 单元格中禁用该选项。我尝试搜索 docs ，但找不到与我要实现的目标类似的示例。有一个道具 getOptionDisabled 可以禁用一个选项，如果选项是数组，我不确定它是否可以在我的条件下使用。
我传递的选项在 this.state.data
这是我到目前为止尝试过的方法https://codesandbox.io/s/bold-https-o7dz3
更新 :
link 的 codesandbox https://codesandbox.io/s/bold-https-o7dz3
如果您想根据该值禁用一个选项，您所做的是正确的唯一的事情是您没有检查任何值，而是您有文本“批号”。
我刚刚检查了一个值作为示例 588，我得到了想要的结果
编辑 1
请注意，这不是一个完整的实现，我将在晚上尝试提供沙箱以供完整实现。现在是方法
我只是添加了一个数组（但是我们需要多维数组来记录为每个组选择的值）
并在 handlechange 事件期间将新选择的项目推送到数组并删除旧的（请实现）
现在添加一个函数来检查该项目是否存在于此列表中
最后将此函数绑定到 getOptionDisabled
这是最终输出
编辑 2：工作示例
Here is the working example https://codesandbox.io/s/objective-framework-jwx3n
我试图根据特定条件禁用 material ui 的自动完成选项，我有一个数组并将其映射到 table 上，所以每个 table 行有自动完成功能，因此只要在自动完成的 table 单元格中选择了一个选项，就应该在同一行的自动完成的下一个 table 单元格中禁用该选项。我尝试搜索 docs ，但找不到与我要实现的目标类似的示例。有一个道具 getOptionDisabled 可以禁用一个选项，如果选项是数组，我不确定它是否可以在我的条件下使用。
我传递的选项在 this.state.data
这是我到目前为止尝试过的方法https://codesandbox.io/s/bold-https-o7dz3
更新 : link 的 codesandbox https://codesandbox.io/s/bold-https-o7dz3
如果您想根据该值禁用一个选项，您所做的是正确的唯一的事情是您没有检查任何值，而是您有文本“批号”。
我刚刚检查了一个值作为示例 588，我得到了想要的结果
编辑 1
请注意，这不是一个完整的实现，我将在晚上尝试提供沙箱以供完整实现。现在是方法
我只是添加了一个数组（但是我们需要多维数组来记录为每个组选择的值）
并在 handlechange 事件期间将新选择的项目推送到数组并删除旧的（请实现）
现在添加一个函数来检查该项目是否存在于此列表中
最后将此函数绑定到 getOptionDisabled
这是最终输出
编辑 2：工作示例
Here is the working example https://codesandbox.io/s/objective-framework-jwx3n