子组件如何在React React-Native中进行通信？

Question

如何从test1()访问test2()，反之亦然？我已经知道我可以通过ref_to_test1和ref_to_test2访问父母中的每一个。但是直接调用函数的子组件呢？

var CommentBox = React.createClass({

  render: function() {
  console.log(this)
    return (
     <div className="commentBox">
        <h1>Comments</h1>
        <CommentList ref={'ref_to_test1'}/>
        <CommentForm ref={'ref_to_test2'}/>
      </div>

    );
  }
});
var CommentList = React.createClass({
test1:function(){},
  render: function() {
   console.log(this)
    return (
      <div className="commentList">
        Hello, world! I am a CommentList.       
      </div>
    );
  }
});

var CommentForm = React.createClass({
test2:function(){},
  render: function() {
    return (
      <div className="commentForm">
        Hello, world! I am a CommentForm.
      </div>
    );
  }
});
ReactDOM.render(
  <CommentBox />,
  document.getElementById('content')
);

Answer 1

实现这一目标的最佳方法是使用某种全球事件系统。有很多简单的库可以实现这一目标，或者你可以轻松地完成自己的工作。