怎样更好的定义 props 属性?

import { Pagination, Table } from "antd";
import ButtonOfTable from "../../../../componentes/button-table/ButtonOfTable";
import { PropertyDelete } from "../property-delete";
import PropertyModify from "../property-modify";

export const PropertyList = (props: any) => {
  const { del, modify, toDetail, history } = props;
  const columns = [
    {
      title: "属性名称",
      dataIndex: "cid",
      width: "200px",
    },
    {
      title: "访问模式",
      dataIndex: "cid",
      width: "200px",
    },
    {
      title: "数据类型",
      dataIndex: "cid",
      width: "200px",
    },
    {
      title: "修改时间",
      dataIndex: "cid",
      width: "200px",
    },
    {
      title: "",
      dataIndex: "cid",
      width: "200px",
      render: (data: any) => (
        <>
          <ButtonOfTable onClick={() => toDetail(data, history)} value="详情" />
          <PropertyModify modify={() => modify(data)} />
          <PropertyDelete del={() => del(data)} />
        </>
      ),
    },
  ];
  const { clientData, pageChange } = props;
  return (
    <>
      <Table
        style={{ marginTop: "10px" }}
        columns={columns}
        rowKey="cid"
        dataSource={clientData?.appUserRegiInfos}
        size={"middle"}
        pagination={false}
      />
      <Pagination
        style={{
          display: "flex",
          justifyContent: "flex-end",
          marginTop: "10px",
        }}
        size="small"
        current={clientData.pageIndex}
        onChange={(page) => pageChange(page)}
        total={clientData?.appUserNum}
        defaultPageSize={9}
        showSizeChanger={false}
      />
    </>
  );
};