单击TableView行时将文本设置为标签

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

const MyTable = () => {
  const [selectedText, setSelectedText] = useState('');

  const handleRowClick = (text) => {
    setSelectedText(text);
  };

  const dataSource = [
    {
      key: '1',
      text: '文本1',
    },
    {
      key: '2',
      text: '文本2',
    },
    // 其他行数据...
  ];

  const columns = [
    {
      title: '文本',
      dataIndex: 'text',
      key: 'text',
      render: (text) => <Tag color="blue">{text}</Tag>,
      onCell: () => {
        return {
          onClick: (event) => handleRowClick(text),
        };
      },
    },
  ];

  return (
    <div>
      <Table dataSource={dataSource} columns={columns} />
      <div>
        <h3>选中的文本：</h3>
        <Tag color="green">{selectedText}</Tag>
      </div>
    </div>
  );
};

export default MyTable;