typescript antd 点击标签触发文字放入到文本框中

在 TypeScript 中，Ant Design (AntD) 提供了一套丰富的 UI 组件库，包括 React 的各种组件。如果你想实现点击标签(Tag)时将该标签的文字内容放入到文本框(Textarea)中，你可以这样做：

首先，确保你已经安装了 AntD 的依赖项，并导入相关的组件：

import { Tag, Button, Textarea } from 'antd';

然后，在你的组件里，创建一个状态变量来存储选择的标签文字：

const [selectedText, setSelectedText] = useState<string>(''); // 初始化为空字符串

接着，你可以创建一个 Tag 组件数组，并添加一个点击事件处理函数：

<Tag
  onClick={tag => {
    setSelectedText(tag.props.children);
    // 如果你想同时更新视图，可以在这里手动触发 Textarea 的值变化
  }}
>
  {tags.map((tagItem, index) => (
    <Tag key={index} closable>{tagItem}</Tag>
  ))}
</Tag>

<Button type="primary" onClick={() => setTextToTextarea(selectedText)}>
  将标签内容放入textarea
</Button>

<Textarea
  value={selectedText}
  onChange={(e) => setSelectedText(e.target.value)}
/>

在这个例子中，当点击标签时，`selectedText` 变量会被设置为标签的内容。点击 "将标签内容放入textarea" 按钮时，`selectedText` 内容会同步到 `Textarea` 的值。