最佳实践

import type { ProColumns } from '@ant-design/pro-components';
import { ProTable } from '@ant-design/pro-components';
import Link from 'antd/es/typography/Link';

const columns: ProColumns<any>[] = [
  { title: 'ID', dataIndex: 'fa_id' },
  {
    title: '操作',
    fixed: (typeof window !== 'undefined' ? window.innerWidth : 0) < 596 ? false : 'right',
    dataIndex: 'option',
    valueType: 'option',
    render: (_, record) => [
      <Link
        key="edit"
        to={{ pathname: `/fee_archives_list/info/${record.fa_id}`, state: {} }}
      >
        编辑
      </Link>,
    ],
  },
];
export default () => {
  return <ProTable scroll={{ x: 1300 }} columns={columns}></ProTable>;
};

<ProFormText
  label="联系电话"
  name="contact_number"
  fieldProps={{ autoComplete: 'NO' }}
/>