Блог

Я хочу добавить флажки в параметры в select antD (с функцией «Выбрать все»). Просто перенос параметров не помогает, потому что проверки не связаны с параметрами.

     import React from "react";
import { Select, Radio ,Checkbox} from 'antd';
const { Option } = Select;

const children = [];
for (let i = 10; i < 36; i  ) {
  children.push(<Option key={i.toString(36)   i}><Checkbox>{i.toString(36)   i}</Checkbox></Option>);
}

function handleChange(value) {
  console.log(`Selected: ${value}`);
}



export const Test = () => {
  const [size, setSize] = React.useState('default');

  const handleSizeChange = e => {
    setSize(e.target.value);
  };
  return (
    <>
    
    <Select
        mode="tags"
        size={size}
        placeholder="Please select"
        defaultValue={['a10', 'c12']}
        onChange={handleChange}
        style={{ width: '100%' }}
      >
        {children}
      </Select>
    </>
  );
};