The Local File demo is not outputting anything in the console

[simon-musy]

In the demo as well as locally, the following code does not output anything when uploading a file.

import React, { Component } from 'react'
import { CSVReader } from 'react-papaparse'

export default class CSVReader2 extends Component {
  handleOnDrop = (data) => {
    console.log('---------------------------')
    console.log(data)
    console.log('---------------------------')
  }

  handleOnError = (err, file, inputElem, reason) => {
    console.log(err)
  }

  handleOnRemoveFile = (data) => {
    console.log('---------------------------')
    console.log(data)
    console.log('---------------------------')
  }

  render() {
    return (
      <>
        <h5>Click and Drag Upload</h5>
        <CSVReader
          onDrop={this.handleOnDrop}
          onError={this.handleOnError}
          addRemoveButton
          onRemoveFile={this.handleOnRemoveFile}
        >
          <span>Drop CSV file here or click to upload.</span>
        </CSVReader>
      </>
    )
  }
}

Am I missing something? The string parsing demo works like a charm

[Bunlong]

Hi @simon-musy

I get a try on codesandbox, it works.

It also work on demo but don't forget to click Parse button.

[simon-musy]

Hi @Bunlong, my bad, I thought the handleOnDrop was supposed to output something when uploading the file.

Thanks for the quick reply!

[Bunlong]

Hi @simon-musy You are very welcome. Thank you so much :bowing_man: