ReferenceField持续显示空值的加载栏

Question

我在List和customerid之后有technicianid个组件 ReferenceField。有时我technicianid为null。因此UI不断显示加载栏（如下图所示）。

问题： 如何告诉ReferenceField处理null并只显示空字符串。

export const AppointmentList = (props) => (
    <List title="All Appointments" {...props}>
        <Datagrid>
            <ReferenceField source="customerid" reference="customers" label="Customer" >
                <TextField source="name" />
            </ReferenceField>
            <TextField source="name" label="Name" />
            <DateField source="scheduleddt" label="Schedule Date" />
            <ReferenceField source="technicianid" reference="technicians" label="Technician" >
                <TextField source="name" />
            </ReferenceField>
            <DateField source="createddatetime" label="Created" />
        </Datagrid>
    </List>
);

Answer 1

您需要'allowEmpty'属性。

export const AppointmentList = (props) => (
    <List title="All Appointments" {...props}>
        <Datagrid>
            <ReferenceField source="customerid" reference="customers" label="Customer" >
                <TextField source="name" />
            </ReferenceField>
            <TextField source="name" label="Name" />
            <DateField source="scheduleddt" label="Schedule Date" />
            <ReferenceField source="technicianid" reference="technicians" label="Technician" allowEmpty>
                <TextField source="name" />
            </ReferenceField>
            <DateField source="createddatetime" label="Created" />
        </Datagrid>
    </List>
);

https://marmelab.com/admin-on-rest/Inputs.html#referenceinput

Answer 2

我们目前正在努力：）