前端项目实战肆佰叁拾贰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 @   前端导师歌谣  阅读(4)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示