基于react框架如何使用antd组件库的check.group

在 React 中使用 Antd 组件库的 `Checkbox.Group` 需要先安装 Antd 和 React：

npm install antd
npm install react

然后在代码中引入组件和样式：

import React from 'react';
import { Checkbox } from 'antd';
import 'antd/dist/antd.css';

function App() {
  const plainOptions = ['Apple', 'Pear', 'Orange'];
  const defaultCheckedList = ['Apple', 'Orange'];
  const [checkedList, setCheckedList] = React.useState(defaultCheckedList);
  const onChange = (list) => {
    setCheckedList(list);
  };

  return (
    <Checkbox.Group options={plainOptions} value={checkedList} onChange={onChange} />
  );
}

export default App;

在上面的代码中，我们定义了一个 `Checkbox.Group` 组件，传入了 `options`、`value` 和 `onChange` 这三个属性。

`options` 是一个数组，用于定义复选框的选项，每个选项都是一个字符串。

`value` 是一个数组，用于指定哪些选项是被选中的。

`onChange` 是一个回调函数，当用户选择或取消选择复选框时会被调用，它接收一个数组，表示当前被选中的选项。

最后，我们把 `Checkbox.Group` 组件渲染到页面上即可。