跳到主要内容

创建页:表单输入与校验

  • 使用 Create + SimpleForm 构建创建表单;
  • required() 用于必填校验;
src/customers/CustomersCreate.tsx
import { Create, SimpleForm, TextInput, NumberInput } from "@/components/admin";
import { required } from "ra-core";

export const CustomersCreate = () => (
<Create>
<SimpleForm>
<TextInput source="name" label="名称" validate={required()} />
<NumberInput source="age" label="年龄" />
<TextInput source="email" label="邮箱" type="email" />
</SimpleForm>
</Create>
);

export default CustomersCreate;