Render props in React

renderPropsInReact.jsx

class WrapperComponent extends React.Component {
  render() {
    const style = { border: "solid 1px " + this.props.color };
    return <div style={style}>{this.props.children}</div>;
  }
}

class HelloMessage extends React.Component {
  render() {
    var Wrapper = this.props.wrapper;

    return (
      <div>
        <Wrapper color="blue">Hello {this.props.name}</Wrapper>
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" wrapper={WrapperComponent} />,
  mountNode
);