前端项目实战壹佰捌拾壹react-admin+material ui-react-admin之Edit之ShowButton和ListButton

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

import * as React from "react";
import {Button} from '@mui/material';
import { Edit, ListButton, ShowButton, SimpleForm, TextInput,TopToolbar, DateInput, ReferenceManyField, Datagrid, TextField, DateField, EditButton, required } from 'react-admin';
 
 
export const ReditEdit = () => {
    const PostEditActions = () => (
        <TopToolbar>
            <ShowButton />
            {/* Add your custom actions */}
            <ListButton />
            <Button color="primary" >Custom Action</Button>
        </TopToolbar>
    );
    return(
        <Edit  actions={<PostEditActions />}>
        <SimpleForm>
        <TextInput source="name" validate={[required()]} fullWidth />
            <TextInput source="sex" multiline={true} label="Short description" />
            <TextInput source="salary" multiline={true} label="Short description" />
        </SimpleForm>
    </Edit>
    )
    
}

运行结果