程序员经验分享-hwhale

如何将 Material UI 自动完成多项选择限制为一组

2024-01-12

我想将 Material UI 自动完成组件中的多个选择限制为同一组中的选项。

请参阅链接沙箱以了解没有实施解决方案的问题设置。https://codesandbox.io/s/material-demo-7g4ed?file=/demo.js https://codesandbox.io/s/material-demo-7g4ed?file=/demo.js

因此，例如在上面的沙箱中，用户应该只能选择 Apple 或 Amazon 产品，而不能同时选择两者。

任何帮助是极大的赞赏！


假设您想将选择限制为 3，请更新代码中的这两行

freeSolo={tags.length > 3 ? false : true}

getOptionDisabled={(options) => (tags.length > 3 ? true : false)}

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS

materialui

如何将 Material UI 自动完成多项选择限制为一组 的相关文章

随机推荐

  • inotifywait 不执行 bash 脚本中的 while 循环

    我想在 Docker 容器中的目录上放置一个文件观察器 我在用着entrypoint sh脚本来设置放置文件观察器的脚本 设置如下 bin sh Trigger the script with the file watcher in the

  • 如何在phonegap/jquery移动应用程序中使用外部图像

    我正在为 android 开发一个phonegap jquery mobile 测试应用程序 我是这项技术的新手 我想在我的应用程序中显示存储在互联网站点上的图像 在 avd 中的应用程序启动期间 当将此元素放入我的 index html

  • 加载网页时：“# 的未定义方法‘request_uri’”

    我正在尝试使用 Ruby 通过 HTTP 加载网页并检查其状态代码是什么 我的代码如下所示 require net http r Net HTTP get response URI parse myURL return r code 然而

  • 检查输入是否为 int、float 或 bool 的 Python 程序

    所以我试图在这里编写一个程序 要求输入 然后检查输入是否有整数 布尔值或浮点数 如果有这些字符中的任何一个 那么它将再次要求输入 我想做的不仅仅是写作str input 就像用户输入一个int or bool等等它将打印错误并停止程序 这是

  • Rails 4：使用代理模型来组合多个模型

    我正在尝试在轨道上 4 我之前做过一些西纳特拉的作品 我有一个注册表单 用户可以在其中填写他的组织名称 地址和他自己的姓名 密码等 我有两个表 用户和组织 这些表中填充了注册数据 所以 我有两个活动记录模型users and organiz

  • Android 上的蓝牙：StartDiscovery 不起作用。无法扫描设备

    我是android新手 我正在制作一个具有蓝牙功能的应用程序 我可以设置蓝牙适配器 并获取我自己的设备信息 但我无法使用 startdiscovery 来发现蓝牙设备 当我开始扫描时它什么也不做 我正在使用 onclicklistener

  • Paypal结帐返回数据

    我有一个 paypal 按钮 如下所示

  • 仅具有 1 或 2 个可选字段的数据库表...拆分为多个表？

    在我正在设计的数据库中 有一个相当中心的表代表已售出或待售的物品 它区分个人销售 如 eBay 和正规公司的销售 这意味着实际上有 1 个或两个字段并不同样适用于两种情况 例如 一个字段仅在一种情况下使用 另一个字段在一种情况下是可选的 但

  • 如何以编程方式使用自动布局将活动指示器定位到其超级视图的中心？

    为什么以下代码无法将活动指示器定位到其超级视图的中心 UIActivityIndicatorView activityIndicator UIActivityIndicatorView alloc initWithActivityIndic

  • 如何检查union当前使用的是什么类型？

    假设我们有一个工会 typedef union someunion int a double b myunion 在我设置后 是否可以检查联合中的类型a 123 我的方法是将此联合添加到某个结构中 并在其为 int 时将 uniontype

  • Yii CGridView 仅隐藏过滤器输入

    使用 CGridView 时 过滤器输入字段由组件自动生成 我想选择哪些列将显示输入字段 例如 我的模型有 5 列 我希望 CGridView 仅显示第 1 列和第 2 列的输入过滤器 有没有一种方法可以不使用 CSS 或 jQuery 而

  • Google Charts LineChart 的图表范围过滤器

    我正在使用 Google Charts 折线图 但在将其绑定到图表范围过滤器时遇到一些问题 这是我尝试过的 容器 div div style width 100 height 100 div div style width 100 heig

  • 滚动总结以另一个数据帧上的多个变量为条件

    我有以下数据示例 trap data lt structure list site c 1 2 3 3 trap date structure c 18809 18809 18307 18322 class Date class data

  • 如何创建一个禁用 JButton 的方法？

    我正在尝试制定一种禁用方法JButtons The JButtons位于网格形式的数组中 JButton int int 并且整数应该是坐标 import java awt import java awt event import java

  • 如何使用 JDBC API 捕获 Hive 退出状态或错误代码

    使用 JDBC API 在 hive 中执行插入查询 但查询未运行 有人可以建议出了什么问题吗 另外 请让我知道如何捕获运行查询时 hive 抛出的错误代码 蜂巢版本0 13 0 当我在命令行中运行日志中生成的查询时 它们工作正常 publ

  • 在 docker 容器上运行 powershell 或 cmd

    我想检查我的 docker 容器的内容 我想运行一个电源外壳或容器内的命令提示符 以便我可以列出目录 该容器镜像正在托管ASP NET Web API使用 ASP net 的应用程序4 6 1框架 我运行了以下命令 docker conta

  • 在 Dart 中使用 Jquery UI

    我正在尝试在 Dart 中创建一个简单的对话框 我认为使用现有的 javascript 库更容易 Here http jqueryui com dialog 你可以找到基本的例子 基本上 dialog dialog 在互联网和 stacko

  • Node-firebird顺序选择

    我正在尝试使用顺序选择选项从 Firebird DB 获取数据 我想获取前 500 行 正如您在我的代码中看到的那样 为了进行测试 我为每个 行 增加 k 并记录 k 和 md5 到控制台 当我运行代码时 它会给出随机的行数 但行数总是超过

  • 使用 python 脚本进行谷歌搜索[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 任何人都可以帮助我如何编写一个Python脚本来搜索谷歌并打印热门结果的链接 试试这个 使用起来非常简

  • 如何将 Material UI 自动完成多项选择限制为一组

    我想将 Material UI 自动完成组件中的多个选择限制为同一组中的选项 请参阅链接沙箱以了解没有实施解决方案的问题设置 https codesandbox io s material demo 7g4ed file demo js h

热门标签