Как дочерние компоненты могут взаимодействовать в 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

Лучший способ добиться этого - использовать какую-либо глобальную систему событий. Для этого есть много простых библиотек, или вы можете легко их свернуть.