react-admin - react-admin ra-data-graphql-simple 示例和 json-graphql-server

Question

我按照说明通过使用此处的帮助来设置 react-admin + graphql 概念验证 - https://www.npmjs.com/package/ra-data-graphql-simple和此处 - https://github .com/marmelab/json-graphql-server

我正在运行 json-graphql-server db.js

我似乎在让这个工作时遇到了问题 -

$ create-react-app test-admin
$ cd test-admin
$ yarn add react-admin
$ yarn add graphql ra-data-graphql-simple

然后，我使用 ra-data-graphql-simple 示例中所示的代码更新 App.js，并从 react-admin tutotial 创建 posts.js。

跑步时yarn start我得到 -

./src/App.js
 Line 7:  'ApolloClient' is not defined  no-undef

有谁知道如何让这个例子工作？

Answer 1

这适用于示例 -

import buildGraphQLProvider from 'ra-data-graphql-simple';
import { Admin, Resource, Delete } from 'react-admin';
import { PostCreate, PostEdit, PostList } from './posts';

class App extends Component {
    constructor() {
        super();
        this.state = { dataProvider: null };
    }

    componentDidMount() {
        buildGraphQLProvider({ clientOptions: { uri: 'http://localhost:3000' }})
            .then(dataProvider => this.setState({ dataProvider }));
    }

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

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

        return (
            <Admin dataProvider={dataProvider}>
                <Resource name="Post" list={PostList} edit={PostEdit} create={PostCreate} remove={Delete} />
            </Admin>
        );
    }
}

export default App;