Desde que eu sou novo em JavaScript e React, eu realmente tenho problemas para descobrir a sintaxe correta.

Aqui está o meu problema:

_handleDrop(files) deve chamar a função_validateXML(txt) mas não. Eu recebo este erroUncaught TypeError: this._validateXML is not a function e não consigo descobrir o porquê. A chamada de volta_handleDrop(files) funciona bem.

Quando tento esse tipo de sintaxe_validateXML:function(txt) Eu imediatamente recebo um erro durante a compilação. É por causa de 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>
    );
  }
}