如何使用AntDesign更改Checkbox的图标？

Ant Design 的 Checkbox 组件提供了多种图标来表示不同的状态，可以通过设置 checkedIcon 和 unCheckedIcon 来更改这些图标。以下是一个示例：

import { Checkbox } from 'antd';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
// 自定义图标
const checkedIcon = <CheckOutlined style={{ color: '#52c41a' }} />;
const unCheckedIcon = <CloseOutlined style={{ color: '#f5222d' }} />;
function MyCheckbox(props) {
  return (
    <Checkbox
      {...props}
      checkedIcon={checkedIcon}
      unCheckedIcon={unCheckedIcon}
在这个示例中，我们从 @ant-design/icons 中引入了图片，然后分别将它们分配给 checkedIcon 和 unCheckedIcon 属性，最后在自定义的 MyCheckbox 组件中使用它们。
这样，当 Checkbox 被勾选时，将使用 CheckOutlined 图标，当它未被勾选时，将使用 CloseOutlined 图标。
注意：要使用此代码示例，需要确保已安装 antd 和 @ant-design/icons。
npm install antd @ant-design/icons