选择

一个"选择"(Select)旨在通过从预定义的选择列表中提供一个选择来收集用户的输入,允许单项选择和多项选择.

图片参考

图片

选择使用

import { Select } from '@dt-dds/react-select';

const items = [
  { value: 'value1', label: 'Value 1' },
  { value: 'value2', label: 'Value 2' },
  { value: 'value3', label: 'Value 3', disabled: true },
];

export const App = () => {
  const [value, setValue] = useState < string > '';

  return (
    <Select
      label='Choose a value'
      helperText='you need to make a selection'
      isMulti={false}
      value={value}
      onChange={setValue}
      variant='outlined'
      fill='default'
    >
      {items.map((item, index) => (
        <Select.Option
          key={item.value}
          index={index}
          value={item.value}
          disabled={item.disabled}
        >
          {item.label}
        </Select.Option>
      ))}
    </Select>
  );
};

选择

选择 选项

堆栈

• 类型脚本 用于静态类型检查
• 反应 — JavaScript 用户界面库
• 情感 用于使用 JavaScript 写入 Css 样式
• 故事书 ——由Vite供电的UI组件环境
• 欢乐 - JavaScript 测试框架
• 反应测试库 - 以用户为中心测试用户界面组件
• ESLint 语录 代码林入
• 高级 用于代码格式
• 苏普 - 由Esbuild供电的脚本捆绑机
• 雅伦 从管理软件包
• 下调 管理无障碍

图标

• yarn build - 制作软件包
• yarn dev - 在当地运行软件包
• yarn lint - 将所有文件输入此软件包
• yarn test - 测试所有单位
• yarn test:report - 打开测试覆盖报告
• yarn test:update:snapshot - 进行所有单元测试并更新快照

汇编

运行 yarn build 从软件包的根部 齐声 将原始的 TypeScript 和 React 代码编译为普通 JavaScript .

这个 /dist 文件夹包含编译输出.

select
└── dist
    ├── index.d.ts  <-- Types
    ├── index.js    <-- CommonJS version
    └── index.mjs   <-- ES Modules version
    ...

版本

跟着 语义版本

许可证

许可证根据 MIT 许可证