Skip to content

useAntdForm

antd form 逻辑的封装,方便使用

示例

tsx
const { form, resetForm, params, onFormFinished } = useAntdForm({
  initialValues: {
    folderCode: query.packageCode,
    codeOrName: query.criminalId,
  },
  beforeSubmit: () => {
    setCurrentPage(1);
  },
  beforeReset: () => {
    setCurrentPage(1);
  },
});

// 获取表格数据
const { refresh, loading } = useRequest(
  () => {
    return req({
      pageSize: pageSize,
      page: current,
      ...params,
    }).then((res) => {
      setTotal(res.size || 0);
      setDataSource(res.resultList || []);
    });
  },
  {
    refreshDeps: [current, pageSize, params],
  }
);

<Form
  form={form}
  layout="inline"
  style={{ display: "block" }}
  initialValues={initialValues}
  onFinish={onFormFinished}
  autoComplete="off"
>
  {/* ...form.item */}
</Form>;

// table