The problem:

You try to call this.setState in the function getData. But this does not exist in the context of this function.

The solution:

I would try to not write function in functions, but write the functions in the class.

You class could look like this:

import React, { Component } from 'react';



class DataParser extends Component {



  constructor(props) {

    // Call super class

    super(props);



    // Bind this to function updateData (This eliminates the error)

    this.updateData = this.updateData.bind(this);

  }



  componentWillMount() {



    // Your parse code, but not seperated in a function

    var csvFilePath = require(./datasets/Data.csv);

    var Papa = require(papaparse/papaparse.min.js);

    Papa.parse(csvFilePath, {

      header: true,

      download: true,

      skipEmptyLines: true,

      // Here this is also available. So we can call our custom class method

      complete: this.updateData

    });

  }



  updateData(result) {

    const data = result.data;

    // Here this is available and we can call this.setState (since it's binded in the constructor)

    this.setState({data: data}); // or shorter ES syntax: this.setState({ data });

  }



  render() {

    // Your render function

    return <div>Data</div>

  }

}



export default DataParser;