reactjs - 在反应管理员中异步返回 simpleRestProvider

Question

导入dataProvider的简单方法

const dataProvider = simpleRestProvider(apiHost, httpClient);
export default dataProvider;

如何导出异步？

export default async function () {
   return simpleRestProvider(apiHost, httpClient);
};

通过在此使用，我在管理页面中出现错误，我需要从 dataProvider 获取 getList

'getList' 的响应必须类似于 { data: ... }，但接收到的响应没有 'data' 键。'getList' 的 dataProvider 可能是错误的。

标签： reactjsreact-admin

Answer 1

在效果中初始化您的 dataProvider：

const MyAdmin = () => {
    const [dataProvider, setDataProvider] = useState();

    useEffect(() => {
        getDataProvider().then(dataProvider => setDataProvider(dataProvider));
    }, []);

    if (!dataProvider) {
        return null; // or a loading page, whatever
    }

    return (
        <Admin dataProvider={dataProvider}>
            // ...
        </Admin>
    );
}