Since im new to JavaScript and React, i really have problems figuring out the right syntax.

Here my problem:

_handleDrop(files) should call the function _validateXML(txt) but doesn't. I receive this error Uncaught TypeError: this._validateXML is not a function and can't figure out why.
The callBack _handleDrop(files) works fine.

When i try this kind of syntax _validateXML:function(txt) i immediately get a error while compiling. Is that because of ecmascript?

import React from 'react';

import './UploadXML.scss';

import Dropzone from 'react-dropzone';

import xml2js from 'xml2js';



export default class UploadXML extends React.Component {



  constructor() {

    super();

    this._validateXML = this._validateXML.bind(this);

  }



  _validateXML(txt) {

    console.log('Received files: ', txt);

  }



  _handleDrop(files) {

    if (files.length !== 1) {

      throw new Error(Please upload a single file);

    }

    var file = files[0];



    console.log('Received files: ', file);



    this._validateXML(file);

  }



  render() {

    return (

      <div>

            <Dropzone onDrop={this._handleDrop} multiple={false}>

              <div>Try dropping some files here, or click to select files to upload.</div>

            </Dropzone>

      </div>

    );

  }

}