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

在 TypeScript 中，如果你想要使用 Ant Design 的 Tab 组件，并在点击标签时将文字动态放入文本框，你可以这样做。首先，你需要安装 Ant Design 和 TypeScript。然后，在组件内部，你可以设置一个 `onTabChange` 回调，这个回调会在切换标签时被触发。下面是一个简单的示例：

import { Tabs, Input } from 'antd';
import React, { useState } from 'react';

const { TabPane } = Tabs;

interface MyComponentProps {}

const MyComponent: React.FC<MyComponentProps> = () => {
  const [activeKey, setActiveKey] = useState<string>('0');
  const [inputValue, setInputValue] = useState<string>('');

  const handleTabChange = (key: string) => {
    setActiveKey(key);
    // 当标签切换时，假设从标签内容获取需要输入的文字
    setInputValue('这是从标签 ' + key + ' 获取的内容');
  };

  return (
    <div>
      <Tabs activeKey={activeKey} onChange={handleTabChange}>
        <TabPane tab="标签一" key="0">
          <!-- 标签一的内容 -->
          <p>这是标签一的内容</p>
        </TabPane>
        <TabPane tab="标签二" key="1">
          <!-- 标签二的内容 -->
          <p>这是标签二的内容</p>
        </TabPane>
        {/* 添加更多标签... */}
      </Tabs>
      <Input value={inputValue} placeholder="当前选中的标签内容" />
    </div>
  );
};

export default MyComponent;

在这个例子中，当你点击标签时，会更新 `activeKey` 和 `inputValue`，然后显示新内容于输入框中。