Reactjs 反应-无法读取属性'；注释删除'；未定义的

我正在使用React教程，在尝试设置注释上的删除按钮以返回要删除的注释ID时遇到问题

我想这是因为地图功能切断了我对道具的使用范围，但我不确定如何避开这个问题

未捕获的TypeError:无法读取未定义的属性“commentDelete”

  handleDelete: function(commentId)
  {
      alert('HANDLE')
      //e.preventDefault();
      $.ajax({
          url: this.props.url,
          dataType: 'json',
          type: 'delete',
          data: commentId,
          success: function(data) {
              this.setState({data: data});
          }.bind(this),
          error: function(xhr, status, err) {
              console.error(this.props.url, status, err.toString());
          }.bind(this)
      });
  },
  render: function() {
    return (
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList onCommentDelete={this.handleDelete} data={this.state.data}/>
        <CommentForm onCommentSubmit={this.handleCommentSubmit}/>
      </div>
    );
  }
});

var CommentList = React.createClass({
render: function() {
    alert('TEST');
    var commentNodes = this.props.data.map(function (comment) {

        return (
          <Comment onCommentDelete={this.props.onCommentDelete} commentId={comment.commentId} author={comment.author}>
                                    ^^^^^^^^^^^^^^^^^^^^^^^^^^

      {comment.text}
    </Comment>
  );
});

handleDelete:函数（commentId）
{
警报（'句柄'）
//e、 预防默认值（）；
$.ajax({
url:this.props.url，
数据类型：“json”，
键入：“删除”，
数据：commentId，
成功：功能（数据）{
this.setState（{data:data}）；
}.绑定（此），
错误：函数（xhr、状态、错误）{
console.error（this.props.url，status，err.toString（））；
}.绑定（此）
});
},
render:function（）{
返回(
评论
);
}
});
var CommentList=React.createClass({
render:function（）{
警报（“测试”）；
var commentNodes=this.props.data.map（函数（注释）{
返回(
^^^^^^^^^^^^^^^^^^^^^^^^^^
{comment.text}
);
});

更新： 绑定（这个）完成了任务，现在我必须去了解原因：）谢谢

或者我也让它像这样工作

var CommentList = React.createClass({
    render: function() {
        var deletefunc = this.props.onCommentDelete;
            ^^^^^^^^^^
        var commentNodes = this.props.data.map(function (comment) {
            return (
              <Comment onCommentDelete={deletefunc} commentId={comment.commentId} author={comment.author}>
          {comment.text}
        </Comment>
      );
    });
    return (
      <div className="commentList">
        {commentNodes}
      </div>
    );
  }
  }
);

var CommentList=React.createClass({
render:function（）{
var deletefunc=this.props.onCommentDelete；
^^^^^^^^^^
var commentNodes=this.props.data.map（函数（注释）{
返回(
{comment.text}
);
});
返回(
{commentNodes}
);
}
}
);

将您的代码totalybind（this）发布到map函数中。（如果您不知道我的意思，请让我发布完整的答案，我想您已经忘记了）当然，请使用

}.bind（this））；

在末尾将您的代码totalybind（this）发布到map函数中。（如果你不知道我的意思，请让我发布一个完整的答案，我想你只是忘记了）当然，使用

}.bind（this））在末尾