文件名称：使用 Material-UI 的 React 多选组件
文件大小：2.87MB
文件格式：ZIP
更新时间：2024-06-28 10:34:49
Select
MultiSelect 使用 Material-UI 自动完成组件从选项列表中选择多个项目的组件。 带有 props 的完整文档 快速入门 要使用，您必须至少提供 value、onChange 和 options 属性。 您还应该提供 label 和 labelPlural 道具。 默认情况下，组件处于多选模式，值为字符串。 options prop options prop 最简单的值是一个字符串数组。 如果您需要更多地控制 MultiSelect 返回的值，请传递一个 Option 对象数组，该数组必须遵循以下类型：type Option = { 值：T; 标签：字符串； 禁用？：布尔值； }; value 和 onChange 道具类型取决于多个道具的值必须是多选模式下的 T 数组。 在单选模式下，它必须是 T 本身或 null。 onChange 的第一个参数遵循与 value 相同的类型。
【文件预览】：
multiselect-master
----tsdx.md(6KB)
----.github()
--------workflows()
----stories()
--------data.ts(2KB)
--------MultiSelect.stories.tsx(2KB)
----yarn.lock(540KB)
----src()
--------constants()
--------index.tsx(103B)
--------MultiSelect.tsx(8KB)
--------props()
--------AddItem.tsx(3KB)
--------PopupContents.tsx(10KB)
--------PopupFooter.tsx(2KB)
--------FragmentWrapper.tsx(410B)
----.storybook()
--------main.js(711B)
----example()
--------index.html(472B)
--------index.tsx(4KB)
--------yarn.lock(227KB)
--------.npmignore(24B)
--------tsconfig.json(458B)
--------style.css(42B)
--------package.json(623B)
----tsconfig.json(547B)
----LICENSE(1KB)
----README.md(2KB)
----docs()
--------index.html(1KB)
--------sb_dll()
--------runtime~main.32b25a368994395b12a7.bundle.js(3KB)
--------favicon.ico(32KB)
--------vendors~main.32b25a368994395b12a7.bundle.js.LICENSE.txt(4KB)
--------vendors~main.32b25a368994395b12a7.bundle.js.map(170B)
--------iframe.html(3KB)
--------runtime~main.a70cae47b0d915ec6f24.bundle.js(1KB)
--------vendors~main.b0ec9cde1354399b4e12.bundle.js(2.66MB)
--------runtime~main.32b25a368994395b12a7.bundle.js.map(169B)
--------vendors~main.32b25a368994395b12a7.bundle.js(3.4MB)
--------main.a84670389d3cc32b5a97.bundle.js(177B)
--------main.32b25a368994395b12a7.bundle.js(51KB)
--------main.32b25a368994395b12a7.bundle.js.map(153B)
----.gitignore(41B)
----package.json(2KB)