communication from child to parent and triggered by parent on blog "React -- Communication between components" on 2014/06/24

child->parent-trigged-parent.js

// For Parent.js
var Parent = React.createClass({
    getInitialState: function () {
        return { childRef: "childRef" };
    },

    changeHandler: function () {
        // use ref to call the instance of Child
        this.refs[this.state.childRef].getChildValue();
    },

    render: function () {
        return (
            <div><input onchange="{this.changeHandler}/" type="text" value="Parent"></input><child ref="{this.state.childRef}/"></child></div>
        );
    }
});

// For Child.js
var Child = React.createClass({
    getChildValue: function () {
        // here return the value in Child to Parent
    },

    render: function () {
        return (
            <div. onclick="{this.chickHandler}/" type="button" value="Child">
          );
      }
});
</div>