"Cannot read property 'props' of undefined" React Issue
<p>I'm building an app in React based on <a href="http://survivejs.com/react/getting-started/deleting-notes/" rel="nofollow noreferrer">this tutorial.</a>
Instead of using the updated es2016, I'm using an older way, so I'm having some trouble with the challenges that come. I got this error in the browser: "TypeError: Cannot read property 'props' of undefined". I assume it's pointing to the {this.props.onDelete} part. Here's a snippet of my code for the Notes.jsx component:</p>

<pre><code>var Notes = React.createClass({
render: function () {

return (
  &lt;ul&gt;
    {this.props.notes.map(
      function(note) {
        return (
          &lt;li key={note.id}&gt;
            &lt;Note
              onTheDelete={this.props.onDelete}
              task={note.task} /&gt;
          &lt;/li&gt;
        );
      }
    )}
  &lt;/ul&gt;
);
}
});
</code></pre>

<p>And here's a snippet from App.jsx, it's parent:</p>

<pre><code>var App = React.createClass({
  getInitialState: function () {
    return {
      notes: [
        {
          id: uuid.v4(),
          task: 'Learn React'
        },
        {
          id: uuid.v4(),
          task: 'Do laundry'
        }
      ]
    }
  },

  newNote: function () {
    this.setState({
      notes: this.state.notes.concat([{
        id: uuid.v4(),
        task: 'New task'
      }])
    });
  },

  deleteNote: function() {
    return 'hi';
  },

  render: function () {
    var {notes} = this.state;

    return (
      &lt;div&gt;
        &lt;button onClick={this.newNote}&gt;+&lt;/button&gt;
        &lt;Notes notes={notes} onDelete={this.deleteNote}/&gt;
      &lt;/div&gt;
    );
  }
});
</code></pre>

<p>I deleted the actually useful parts from deleteNote to make sure no issues were there. I'm having a difficult time wrapping my head around using "this" and what the binding is doing in the tutorial I mentioned.</p>