React Upload file component

import React from 'react';
import { render } from 'react-dom';

class App extends React.Component {
  onChangeFile = (e) => {
    this.setState({
      selectedFile: e.target.files[0]
    });
  }

  upload = () => {
    const formData =  new FormData();
    formData.append('image', this.state.selectedFile);
    fetch('http://localhost/react_upload/upload.php', {
      method: 'POST',
      body: formData
    })
    .then(response => {
      console.log(response);
    });
  }

  render() {
    return (
      <>
          <h1>Upload Image:</h1>
          <input type="file" onChange={this.onChangeFile} />
          <button onClick={this.upload}>upload</button>
      </>
    );
  }
}

render( <App />, document.getElementById('root') );