title: Uncaught TypeError: Cannot read property 'class function' of undefined in reactjs
body: <p>Error: Uncaught TypeError: Cannot read property 'manageChange' of undefined</p>
  
  <p>I have bound the method to "this" as well. I have even tried the arrow function format to define "manageChange". It still does not work.</p>
  
  <p>Please help out with identifying the issue?
  Code:</p>
  
  <pre><code> class App extends React.Component {
    constructor() {
      super();
      this.state = { todos: TodoData };
      this.manageChange = this.manageChange.bind(this);
    }
  
    manageChange(id) {
      console.log(id);
    }
  
    render() {
      const todoItems = this.state.todos.map(function (item) {
        return (&lt;TodoItem key={item.id} items={item}
          handleChange={this.manageChange} /&gt;);
      }
      );
      return
      (
        &lt;div className="app"&gt;
          {todoItems}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>