0
点赞
收藏
分享

微信扫一扫

前端项目实战贰佰零伍react-admin+material ui-react-admin之根据权限显示输入

登高且赋 2023-11-26 阅读 36

import * as React from "react";
import { Button, Typography, Box } from '@mui/material';
import { Edit, ListButton,SimpleFormConfigurable, useRecordContext, Labeled, ShowButton, SimpleForm, TextInput, TopToolbar, DateInput, ReferenceManyField, Datagrid, TextField, DateField, EditButton, required } from 'react-admin';
const PostTitle = () => {
    const record = useRecordContext();
    return <span>Post {record ? `"${record.name}"` : '1111'}</span>;
};

export const SimpleFormEdit = () => {
    const PostEditActions = () => (
        <TopToolbar>
            <ShowButton />
            {/* Add your custom actions */}
            <ListButton />
            <Button color="primary" >Custom Action</Button>
        </TopToolbar>
    );
    const Aside = () => (
        <Box sx={{ width: '200px', margin: '1em' }}>
            <Typography variant="h6">Instructions</Typography>
            <Typography variant="body2">
                Posts will only be published once an editor approves them
            </Typography>
        </Box>
    );
    return (
        <Edit  >
          
            <SimpleFormConfigurable warnWhenUnsavedChanges>
            
                <TextInput source="name"  />
                
                <TextInput source="sex"  />
               
                <TextInput source="salary"  />
            </SimpleFormConfigurable>
        
        </Edit>
    )

}

可配置



举报

相关推荐

0 条评论