Javascript 将函数从父级传递到子级

我的javascript有点弱。 我从答案中得到启发，在REACT中将一个函数从家长传递给孩子，我有点困难

有人能帮我更正代码吗？ 谢谢

var List=React.createClass({
删除：功能（测试）{
控制台日志（测试）；
},
render:function（）{
var all=this.props.activities；
var test=List.deleting；
var list=all.map（函数（a）{
返回（）；
});
返回(
{list}

);
}
});
var ListItem=React.createClass({
删除：职能（e）{
this.props.del（e.target.parentNode.firstChild.innerHTML）；
},
render:function（）{
返回(
{this.props.act}
X

);
}
});

我得到的错误是：

---

您需要传递对方法

的引用。删除
列表
对象的一部分，现在您正在尝试传递var
test=List.deleting即
未定义
。为了在
.map
中
此
，引用
列表
，您应该自己为
.map
设置
此
，只需传递（在本例中，它应该是
此
，因为呈现方法中的
此
引用
列表
）第二个参数到
.map
，即可，并传递给
del=
方法
this的属性引用。删除

还为
ListItem
设置
key
属性，并在-so中添加
/>
（现在出现错误，因为您没有关闭标记
ListItem
）在
ListItem
标记的末尾

var List = React.createClass({
  deleting: function(test) {
    console.log(test);
  },

  render: function() {      
    var all = this.props.activities;
    var list = all.map(function(a) {
      return (<ListItem key={a} act={a} del={this.deleting} />);
    }, this);

    return <ul> {list} </ul>
  }
});

var List=React.createClass({
删除：功能（测试）{
控制台日志（测试）；
},
render:function（）{
var all=this.props.activities；
var list=all.map（函数（a）{
返回（）；
}，这个）；
返回
{list}
}
});


var List = React.createClass({
  deleting: function(test) {
    console.log(test);
  },

  render: function() {      
    var all = this.props.activities;
    var list = all.map(function(a) {
      return (<ListItem key={a} act={a} del={this.deleting} />);
    }, this);

    return <ul> {list} </ul>
  }
});