async return react admin 中的 simpleRestProvider

Question

导入dataProvider的简单方法

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

如何导出异步？

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

通过在其中使用，我在管理页面中收到错误消息，我需要从数据提供程序获取 getList

对'getList'的响应必须像{data: ...}，但收到的响应没有'data'键。 'getList'.

的 dataProvider 可能是错误的

Answer 1

使用此语法，缺少函数名称，可能是问题所在，我希望在添加正确的导出函数代码语法后一定能正常工作，

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

import { dataProvider } from 'your_path_here';

或者你可以用这个语法导出，

export const dataProvider = async () => {        
    return await simpleRestProvider(apiHost, httpClient);
};

Answer 2

在效果中初始化您的数据提供者：

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>
    );
}

async return react admin 中的 simpleRestProvider

async return the simpleRestProvider in react admin

reactjs

react-admin