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

child->parent-trigged-child.js

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

    // the callback function is passed to Child as props
    passValueFunc: function (para) {
        // handle the passed value from Child
    },

    render: function () {
        return (
            <div><input type="text" value="Parent"></input>
                // pass passValueFunc method as props to Child
                <child getparentvalue="{this.passValueFunc}"></child></div>
        );
    }
});

// For Child.js 
var Child = React.createClass({
    clickHandler: function () {
         // pass parameter to Parent's method
         this.props.getParentValue("parentValue");
    },

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