Question

我想将一个自定义参数传递给管理员的dataProvider，类型为“ GET_LIST”。

App.js中有类似的内容：

<Admin dataProvider={dataProvider}> 
    <Resource name="posts" list={PostList} myCustomAttr={"10"} /> 
    <Resource name="users" list={UserList} myCustomAttr={"15"} /> 
</Admin>

“ dataProvider”是一个自定义dataProvider，调用它时我想拥有“ myCustomAttr”。

因此我的自定义dataProvider可能如下所示：

export default (type, resource, params) => {

    if (type == 'GET_LIST') {
       if (params.myCustomAttr == '10') {
           //Do something
       }
    }
}

Answer 1

您可以decorate your Data Provider。

基本上，您拦截数据提供程序并根据类型和资源添加自己的行为：

if (type === 'GET_LIST') {
    params = {...params, myCustomParameter: 10};
}

return requestHandler(type, resource, params);

Answer 2

好的，我已经使用UserList过滤器解决了这个问题：

<Admin dataProvider={dataProvider}> 
    <Resource name="posts" list={PostList} options={{ myCustomAttr: "10" }} /> 
    <Resource name="users" list={UserList} options={{ myCustomAttr: "15" }} /> 
</Admin>

并在UserList（类似）组件中：

export const UserList = function(props) {
    return <List {...props} filter={{myCustomAttr:props.options.myCustomAttr}} >
        //...
    </List>
};

这样，我就可以在dataProvider中得到想要的东西。

export default (type, resource, params) => {

    if (type == 'GET_LIST') {
       if (params.filter.myCustomAttr == '10') {
           //Do something
       }
    }
}

React-admin：如何将更多参数传递给GET_LIST类型的dataProvider

2 个答案: