Мутации React + Apollo

127
03 февраля 2019, 11:10

Пытаюсь сделать запрос для добавления новой записи в базу данных graphql с помощю React + Apollo. Проблема в том, что запрос, вроде как выполняется, но в базу ничего не падает.

Компонент с добавлением.

import React, {PureComponent} from 'react'
import './style.css'
import gql from "graphql-tag";
import { Mutation } from "react-apollo";
const ADD_REGION = gql`
mutation AddRegion($reg: String!) {
addRegion(name: $reg) {
    region {
        name
    }
}
}
    `;
class AddRegion extends PureComponent{
render(){
    return (
        <Mutation mutation={ADD_REGION}>
            {(mutate, { loading, error, data }) => {
                if (loading) return <p>Loading...</p>;
                if (error) return <p>Error!</p>;
                if (data)
                {
                    console.log(data);
                }
                return (
                    <button onClick={
                        () => mutate(
                            {
                                variables:
                                    {reg: 'Dooms'}
                            }
                        )
                    }>
                        Добавить регион
                    </button>
                );
            }}
        </Mutation>        );
}
}
export default AddRegion

src/index.js

import React from 'react';
import ReactDOM from 'react-dom'
import App from "./components/App";
import { BrowserRouter } from 'react-router-dom';
import {ApolloProvider} from 'react-apollo';
import {InMemoryCache} from "apollo-cache-inmemory";
import ApolloClient from 'apollo-boost';
const client = new ApolloClient({
cache: new InMemoryCache(),
uri: 'http://127.0.0.1:8000/graphql/',
// fetchOptions: {
//     // method: 'POST',
//     mode: 'no-cors',
// },
// headers: {
//     // 'X-CSRF-TOKEN': Cookie.get('csrf'),
// },
});
ReactDOM.render(
<BrowserRouter>
    <ApolloProvider client={client}>
        <App/>
    </ApolloProvider>
</BrowserRouter>,
document.getElementById('root'));
Answer 1

Всё работает. Ошибка была в том, что я, хлеб, и смотрел добавления на развёрнутом сервере, в то время как добавлял на локальный

READ ALSO
Плавное слежение за курсором [закрыт]

Плавное слежение за курсором [закрыт]

Как выходит с названия, хочу сделать плавное движение какого либо рисунка за мышкой, например что бы этот рисунок начинал с позиции (0,0) и постоянно...

165
Как правильно использовать widget чтобы он не тормозил загрузку веб сайта?

Как правильно использовать widget чтобы он не тормозил загрузку веб сайта?

После вставки кода Yandex weather (widget) , увеличилось время загрузки веб сайта

142