无法读取空属性(读取“计数”)

Question

我是新的反应-管理和有问题的连接数据提供者(ra-数据-图形my简单)我的GraphQL API。在页面底部的一个红色小框中，我得到了以下错误：

无法读取null属性(读取“计数”)

在的dev tools中，我确实看到返回了正确的结果，但是total是空的：

​

​

我就是这样连接Admin、Resource和buildGraphQLProvider的

const App = () => {
    const [dataProvider, setDataProvider] = React.useState(null);

    React.useEffect(() => {
        buildGraphQLProvider({ clientOptions: { uri: 'http://localhost:4000' } })
            .then(graphQlDataProvider => setDataProvider(() => graphQlDataProvider));
    }, []);

    if (!dataProvider)
        return <div>Loading</div>

    return (
        <Admin dataProvider= { dataProvider } >
          <Resource name="FacilityFunction" list={ FunctionList } />
      </Admin>
    );
}

下面是我的FunctionList组件：

import React from 'react'
import { List, Datagrid, TextField, BooleanField } from 'react-admin'

export const FunctionList = (props) => {
    return <List {...props}>
        <Datagrid>
            <TextField source="id"></TextField>
            <TextField source="name"></TextField>
            <TextField source="code"></TextField>
            <BooleanField source="isActive"></BooleanField>
        </Datagrid>
    </List>
};

下面是我的依赖关系：

  "dependencies": {
    "graphql": "^16.5.0",
    "ra-data-graphql-simple": "^4.0.3",
    "react": "18.1",
    "react-admin": "^4.1.1",
    "react-dom": "18.1"
  }

Answer 1

这是通过定义一个查询(在graphql服务器端)来解决的，如下所示：apollo graphql schema react-admin beginner。

@react-admin构建一个包含graphql服务器需求和您在这里启动的每个、edit、create和show组件的完整示例将是非常有帮助的

这种反应方式-管理员期望graphql模式是非常固执己见的，需要事先解释清楚。