handle photo upload with React

PhotoInput.jsx

import React, { Component } from 'react';


class PhotoInput extends Component {
    constructor(props) {
        super(props)

        this.state = {
            fileData: '',
        }

        this.handleInputChange = this.handleInputChange.bind(this);
    }

    handleInputChange(event) {
        const input = event.target
        const file = input.files[0]

        const reader = new FileReader();
        reader.onload = (event) => {
            this.setState({
                fileData: reader.result
            })
        }

        reader.readAsDataURL(file)
    }

    render() {
        return (
            <div>
                <label>
                    I am a photo input
                    <input
                        onChange={ this.handleInputChange }
                        type='file' />
                </label>
            </div>
        )
    }
}


export default PhotoInput;