前端项目实战壹佰柒拾捌react-admin+material ui-react-admin之Create之CreateBase基本用法

我是歌谣 微信公众号关注前端小歌谣进入前端巅峰人才交流群

import * as React from "react";
import { CreateBase, SimpleForm, TextInput, SelectInput } from "react-admin";
import { Card } from "@mui/material";

export const BookCreate = () => ( 
    <CreateBase>
        <div>
            <Title title="Book Creation" />
            <Card>
                <SimpleForm>
                    <TextInput source="title" />
                    <TextInput source="author" />
                    <SelectInput source="availability" choices={[
                        { id: "in_stock", name: "In stock" },
                        { id: "out_of_stock", name: "Out of stock" },
                        { id: "out_of_print", name: "Out of print" },
                    ]} />
                </SimpleForm>
            </Card>
        </div>
    </CreateBase>
);

posted @ 2023-08-14 15:22  前端导师歌谣  阅读(11)  评论(0)    收藏  举报  来源