时间戳

首页 > 解决方案 > React-admin：ReferenceInput 不显示加载在加载可能的选项时

reactjs - React-admin：ReferenceInput 不显示加载在加载可能的选项时

问题描述

我有带有 ReferenceInput 的简单 react-admin 编辑表单。问题是 ReferenceInput 从不显示进度条，因此在加载时看不到任何选项可能会让用户感到困惑。

我在 API 调用上手动设置延迟 2 秒，但 ReferenceInput 从不显示加载状态。

import React from 'react';
import { ReferenceInput, ReferenceArrayInput, required, SelectArrayInput, SelectInput, SimpleForm, TextInput } from 'react-admin';

const ModelForm = props => (
    <SimpleForm {...props}>
        <TextInput source="name" validate={[required()]} />
        <ReferenceInput reference="goods_types" source="goodsType" validate={[required()]}>
            <SelectInput optionText="name" />
        </ReferenceInput>
        <ReferenceInput reference="manufacturers" source="manufacturer" validate={[required()]}>
            <SelectInput optionText="name" />
        </ReferenceInput>
        <ReferenceArrayInput reference="manufacturers" source="manufacturer" format={v => [v]} validate={[required()]}>
            <SelectArrayInput optionText="name" />
        </ReferenceArrayInput>
    </SimpleForm>
);

export default ModelForm;

只是为了测试，我添加了 ReferenceArrayInput 组件，它确实显示了加载进度条。它是反应管理员中的错误吗？还是我错过了什么？

反应管理员：3.11.1

标签： reactjsreact-admin

解决方案

React Admin 引入了默认值为 1000 的超时。加载组件仅在此时间之后出现。您可以通过将 prop 传递给组件来覆盖此值。

参考：https ://github.com/marmelab/react-admin/blob/ea1f85c73f5be8f12544a0fccf32e4f6bd7452be/packages/ra-ui-materialui/src/layout/LinearProgress.tsx

推荐阅读