子どもの構成要素は、どのようにしてリアクションリアクションネイティブで通信できますか？

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

これを達成する最良の方法は、何らかのグローバルイベントシステムを使用することです。これを達成するためのライブラリがたくさんあります。あるいは、あなた自身で簡単に自分のロールを張ることもできます。