Как использовать React.cloneElement для передачи свойства функции с возвращаемым объектом?

Я использую response-router, который заставляет меня использовать React.cloneElement для передачи свойств моим детям. Я могу передать объекты и функции, но моя проблема заключается в том, что одна из моих функций возвращает объект возврата к родительскому объекту, который всегда undefined. Функция запускается в родительском, но не получает объект, который я передаю ему из дочернего элемента.

Вот jsFiddle из приведенного ниже примерного кода, если кто-то хочет его отредактировать https://jsfiddle.net/conor909/gqdfwg6p/

import React from "react";
import ReactDom from "react-dom";

const App = React.createClass({

    render() {
        return (
            <div>
                {this.getChildrenWithProps()}
            </div>
        )
    },

    getChildrenWithProps() {
        return React.Children.map(this.props.children, (child) => {
            return React.cloneElement(child, {
                myFunction: this.myFunction
            });
        });
    },
    // NOTE:
    // the idea is that the variable 'newForm' should be sent back up to App, I can log out 'newForm' in the Child, but here in App, it is undefined.
    myFunction(newForm) {
        console.log(newForm); // => undefined object 
    }

});

const Child = React.createClass({

    propTypes: {
        myFunction: React.PropTypes.func,
        myForm: React.PropTypes.object
    },

    render() {
        return (
            <form className="col-sm-12">
                <MyForm
                    changeForm={this.onChangeForm}
                    form={this.props.myForm} />
            </form>
        )
    },

    onChangeForm(formChanges) {
        let newForm = {
            ...this.props.myForm,
            ...formChanges
        }
        // console.log(newForm); => here my newForm object looks fine 
        this.props.myFunction(newForm);
    }
});

const MyForm = React.createClass({

    propTypes: {
        changeForm: React.PropTypes.func.isRequired
    },

    render() {
        return (
             <div>
                 <Input onChange={this.onChangeForm}>
             </div>
        )
    },

    onChangeForm(value) {
        this.props.changeForm({ something: value });
    }
});

ОТВЕТЫ