an example of using renderProps as per Michael Jackson's demo

renderProps.jsx

import React, { Component } from 'react';
export class Mouse extends React.Component {

    state = { x: 0, y: 0 };

    onMouseMove = (event) => {
        this.setState(
            { x: event.clientX, y: event.clientY }
        );
    };

    render() {
        return (
            <div onMouseMove={ this.onMouseMove }>
                {this.props.renderProps(this.state)}
            </div>
        );
    }
}

export class Text extends React.Component {
    render() {
        return (
            <Mouse renderProps={(mouse) => {
                return (
                    <div>
                        Mouse Position: {mouse.x}, {mouse.y}
                    </div>
                );
            }}/>);
    }
}