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

Question

我怎样才能从test2()访问test1() ，反之亦然？ 我已经知道我可以通过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

最好的方法是使用某种全球事件系统。 有很多简单的库可以完成此操作，或者您可以轻松地自己滚动。