React-admin，如何使用react-admin创建表单并获取表单值？

Question

我是反应管理新手，找不到任何可靠的示例来创建简单的表单并提交值。我正在遵循他们自己的文档，但无法获取获取表单值的语法。

请分享一些文章来浏览并使用react-admin方式创建表单。

下面是我尝试过的示例，但在提交表单时最终得到了未定义的值。

const { register, getValues } = useForm();

<Form>
  <Box flex={1}>
    <TextInput source="pName" {...register("pName")} validate={required()} />
  </Box>
  <Button
    type="submit"
    label="submit"
    onclick={() => {
      const values = getValues();
      console.log("values", values);
      // Output  - {pName:undefined}
    }}
  />
</Form>;

Answer 1

问题在于

useForm()

调用仅在表单本身内部有意义（通常在表单内的组件中）。您可以创建自己的

<MyButton

> 组件（

<Button>

的包装器）并在其中调用

useForm()

。请注意，有一个特殊的组件

<SaveButton>

可以保存表单。