antd Checkbox.Group 点击事件如何获取label和value

在antd Checkbox.Group组件中，可以通过`onChange`事件来获取选中的label和value。具体实现方法如下：

1. 在Checkbox.Group组件中，设置`options`属性，其中每个选项包含`label`和`value`。

import { Checkbox } from 'antd';

const options = [
  { label: 'Option 1', value: 'option1' },
  { label: 'Option 2', value: 'option2' },
  { label: 'Option 3', value: 'option3' },
];

<Checkbox.Group options={options} onChange={handleChange} />

2. 在`onChange`事件中，获取选中的label和value。

const handleChange = (checkedValues) => {
  const selectedOptions = options.filter(option => checkedValues.includes(option.value));
  const selectedLabels = selectedOptions.map(option => option.label);
  const selectedValues = selectedOptions.map(option => option.value);

  console.log('Selected labels: ', selectedLabels);
  console.log('Selected values: ', selectedValues);
};

在`handleChange`函数中，首先通过`filter`函数获取选中的选项，然后分别通过`map`函数获取选中选项的label和value，并打印输出到控制台中。这样就可以在antd Checkbox.Group组件中的点击事件中获取选中的label和value了。