如何为react创建新行

render() {
  const data = ['行1', '行2', '行3'];

  const rows = data.map((item, index) => (
    <div key={index}>{item}</div>
  ));

  return <div>{rows}</div>;
}

import { Table } from 'antd';

render() {
  const data = [
    { id: 1, name: '行1' },
    { id: 2, name: '行2' },
    { id: 3, name: '行3' },
  ];

  const columns = [
    { title: 'ID', dataIndex: 'id' },
    { title: '名称', dataIndex: 'name' },
  ];

  return <Table dataSource={data} columns={columns} />;
}

render() {
  return (
    <div style={{ display: 'flex', flexDirection: 'column' }}>
      <div>行1</div>
      <div>行2</div>
      <div>行3</div>
    </div>
  );
}