无法读取null的属性'名称'（react-admin）

Question

我拥有最简单的代码来检查react-admin：

import React, { Component } from "react";
import buildGraphQLProvider from "ra-data-graphql-simple";
import { Admin, Resource } from "react-admin";
import posts from "./routes/posts";

class App extends Component {
  constructor() {
    super();
    this.state = { dataProvider: null };
  }
  componentDidMount() {
    buildGraphQLProvider({
      clientOptions: { uri: "https://countries.trevorblades.com" }
    })
      .then(dataProvider => this.setState({ dataProvider }))
      .catch(e => console.log(e.message));
  }

  render() {
    const { dataProvider } = this.state;

    if (!dataProvider) {
      return <div>Loading</div>;
    }

    return (
      <Admin dataProvider={dataProvider}>
        <Resource name="posts" {...posts} />
      </Admin>
    );

    //or, directly return <Admin dataProvider={dataProvider} />

  }
}

export default App;

但是我总是在控制台中遇到相同的错误：无法读取null的属性'名称'

我的依赖是：

    "graphql": "14.6.0",
    "graphql-tag": "2.10.1",
    "ra-core": "3.1.4",
    "ra-data-graphql-simple": "3.1.4",
    "react": "16.12.0",
    "react-admin": "3.2.0",
    "react-apollo": "3.1.3",
    "react-dom": "16.12.0",
    "react-scripts": "3.0.1"

我做错了什么？

Answer 1

也许您想写？