react函数组件中如何实现类似antd中tag标签的checkbox切换效果

可以使用useState钩子来保存tag标签的选中状态，然后在标签上绑定点击事件，通过修改选中状态来实现切换效果。

示例代码：

import React, { useState } from 'react';
import { Tag } from 'antd';

const TagCheckbox = () => {
  const [checked, setChecked] = useState(false);

  const handleTagClick = () => {
    setChecked(!checked);
  }

  return (
    <Tag.CheckableTag checked={checked} onClick={handleTagClick}>
      标签名
    </Tag.CheckableTag>
  );
};

export default TagCheckbox;

在上面的代码中，首先通过useState钩子定义了一个checked状态变量和一个setChecked函数，用于保存和修改标签的选中状态。然后在标签上绑定了onClick事件，并在事件处理函数中调用setChecked来修改选中状态。最后将checked状态变量绑定到Tag.CheckableTag组件的checked属性上，实现选中状态的显示。