react js 反向传递

组件BB属于组件AA
想通过BB的点击事件修改AA的其他组件。如何设计？

---

只能在 BB 组件中增加一个 onClick 类似的属性，父组件通过定义这个属性，子组件通过在内部执行这个属性函数来修改 AA 组件中的数据，或者其他组件的内容。

---

一个简单的例子
AA:

delete: function(){
    //改变AA下面其它组件
    //delete something
},
render: function(){
    return <BB delete={this.delete}/>
}

BB:

render: function(){
    return <div onClick={this.props.delete}/>
}

---

其实就是传个回调函数的事情，通过子组件的 props 获取该回调函数，然后执行后续操作就 OK 了。
这个是官方反向数据流的例子