前端项目实战肆佰叁拾贰react-admin和material ui-修改操作重置


import { ReferenceInput, SimpleForm, TextInput, Edit, useDataProvider, useResourceContext, UpdateParams, AutocompleteInput } from 'react-admin';
import { useNavigate } from "react-router-dom";
export const MaterialEdit = (props: any) => {
    const navigate = useNavigate()
    const dataprovider = useDataProvider();
    const resource = useResourceContext();
    const onSuccess = (data: any) => {
        const { id, ...res } = data;
        const params: UpdateParams = { id: id, data: res } as UpdateParams;
        dataprovider.update(resource, params);
        navigate(-1)
    };
    return (
        <Edit mutationOptions={{ onSuccess }}
        >
            <SimpleForm>
                <TextInput source="id" />
                <ReferenceInput source="mat_type" reference="t_base_materiel_type">
                    <AutocompleteInput label="物料类型名称" />
                </ReferenceInput>
                <TextInput source="code" label="物料编号" />
                <TextInput source="name" label='物料名称' />
                <TextInput source="description" label='物料描述' />
            </SimpleForm>
        </Edit>
    )

}

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