增删改查 antd prov4

antd prov4 是一个基于 Ant Design 的可视化配置组件库，用于快速搭建数据展示和编辑页面。它提供了一套丰富的组件和配置项，可以方便地完成增删改查功能。

要使用 antd prov4，首先需要安装依赖：

npm install antd-prov4

然后，在你的代码中引入需要的组件和配置项，进行相应的增删改查操作。以下是一个简单的示例：

import { Table, Form, Input, Button } from 'antd';
import { useTable, useForm } from 'antd-prov4';

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
];

const dataSource = [
  {
    key: '1',
    name: '张三',
    age: 18,
  },
  {
    key: '2',
    name: '李四',
    age: 20,
  },
];

const Example = () => {
  const { tableProps } = useTable({ dataSource, columns });
  const { formProps } = useForm();

  return (
    <div>
      <Table {...tableProps} />
      <Form {...formProps}>
        <Form.Item label="姓名" name="name">
          <Input />
        </Form.Item>
        <Form.Item label="年龄" name="age">
          <Input />
        </Form.Item>
        <Button type="primary" htmlType="submit">
          提交
        </Button>
      </Form>
    </div>
  );
};

export default Example;

以上代码中，我们使用了 `Table` 组件来展示数据，使用 `Form` 组件来编辑数据。`useTable` 和 `useForm` 分别是 antd prov4 提供的自定义 Hook，用于处理表格和表单的相关逻辑。

通过以上代码，你可以实现一个简单的增删改查功能页面。具体的操作和配置可以根据你的需求进行调整。