前端项目实战贰佰壹拾捌react-admin+material ui-react-admin-recordRepresentation渲染下拉框

<Resource name='t_prod_category' 
recordRepresentation="category_name" list={CategoryList} 
create={CategoryAdd} edit={CategoryEdit} hasEdit />

 子

import * as React from 'react';
import { Create, ReferenceInput , SelectInput,SimpleForm, TextInput,UserMenu,useRefresh } from 'react-admin';
import { useNavigate } from "react-router-dom";
import { UserContext } from './category';
export const StyleAdd = (props:any) => {
    const {categoryColorId}=props
    const navigate = useNavigate()
    const refresh = useRefresh();
    const user:any=React.useContext(UserContext)
    const onSuccess = (data:any) => {
        navigate(-1)
    };
    return (
        <Create mutationOptions={{ onSuccess }}
        >
            <SimpleForm>
                <ReferenceInput source="tenant_id" reference="t_sys_tenant" />
                <ReferenceInput source="category_id" reference="t_prod_category" >
                    <SelectInput disabled defaultValue={user.categoryId}></SelectInput>
                </ReferenceInput>
                <TextInput source="code" />
                <TextInput source="style_name" />
            </SimpleForm>
        </Create>
    )

}

 运行结果

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