ant.design的对话框左右展示两组数据

可以使用ant.design的Tabs组件，将左右两组数据分别放在不同的TabPane中，然后放在对话框中展示。代码示例：

import React from 'react';
import { Modal, Tabs } from 'antd';

const { TabPane } = Tabs;

const LeftRightDialog = ({ visible, onCancel }) => {
  return (
    <Modal
      visible={visible}
      onCancel={onCancel}
      footer={null}
    >
      <Tabs>
        <TabPane tab="左侧数据" key="left">
          <div>左侧数据展示</div>
        </TabPane>
        <TabPane tab="右侧数据" key="right">
          <div>右侧数据展示</div>
        </TabPane>
      </Tabs>
    </Modal>
  );
};

export default LeftRightDialog;