import gql from 'graphql-tag' import { Mutation, Query } from 'react-apollo' import { useState } from 'react' import { endpoint } from '../config' const DO_LOCAL = gql` { doLocal @client } ` const UPLOAD_FILE = gql` mutation UPLOAD_FILE($files: [Upload!]!, $name: String!, $description: String!) { uploadFiles(files: $files, name: $name, description: $description) } ` const TestForm = props => { const [state, setState] = useState({ files: null, name: '', description: '' }) function updateState(event) { const { name, type, files, value } = event.target setState({ ...state, [name]: type === 'file' ? files : value }) } return ( {(uploadFiles, { data, error, loading }) => (
{ console.log(state) event.preventDefault() const res = await uploadFiles() console.log(res) }}> {this.state.name}
) } } export default FileUpload export { FileFields, FileState, uploadFile, TestForm }