Simple file uploader in react

form.jsx

import React, {Component} from 'react';
import axios from 'axios';
import logo from './logo.svg';
import './App.css';

class App extends Component {
    constructor(props){
        super(props);
        this.state = { file: '' }
    }

    sendFileToServer(event){
        this.setState({ file: event.target.files[0]}, () => {
            let formData = new FormData();

            formData.append('file', this.state.file);

            axios.post('/api/upload', formData)
                .then(response => {
                    console.log(response.data)
                })
                .catch(err => {
                    console.log(err)
                })
        })
    }

    render() {
        return (
            <div className="App">
                <header className="App-header">
                    <img src={logo} className="App-logo" alt="logo"/>
                    <h1 className="App-title">Welcome to React</h1>
                </header>
                <p className="App-intro">
                    <input
                        type='file'
                        onChange={event => this.sendFileToServer(event)}
                    />
                </p>
            </div>
        );
    }
}

export default App;