React表格-多个值到单元格

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '多个值',
    key: 'multipleValues',
    render: (text, record) => {
      return `${record.value1} - ${record.value2} - ${record.value3}`;
    },
  },
];

const data = [
  {
    key: '1',
    name: '张三',
    age: 20,
    value1: 'A',
    value2: 'B',
    value3: 'C',
  },
  // 其他数据...
];

const TableComponent = () => {
  return <Table columns={columns} dataSource={data} />;
};

const MultipleValuesCell = ({ value1, value2, value3 }) => {
  const mergedValue = `${value1} - ${value2} - ${value3}`;
  return <div>{mergedValue}</div>;
};

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '多个值',
    key: 'multipleValues',
    render: (text, record) => {
      return <MultipleValuesCell value1={record.value1} value2={record.value2} value3={record.value3} />;
    },
  },
];

const data = [
  {
    key: '1',
    name: '张三',
    age: 20,
    value1: 'A',
    value2: 'B',
    value3: 'C',
  },
  // 其他数据...
];

const TableComponent = () => {
  return <Table columns={columns} dataSource={data} />;
};