'gray blocks' clone, React HOC

by Alexander Zonov

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.production.min.js"></script>

Babel + JSX

let Include = ({title, text}) => (
	<div className="test">
    <h2>{title}</h2>
    <p>text</p>
	</div>
)

let Test = ({title, text}) => (
	<div className="test">
    <h1>{title}</h1>
    <p>text</p>
    <Include {...{title, test}}/>
	</div>
)

Test.displayName = 'Test';

console.log(React.createElement(Test, {title: 'test', text: 'text text text'}))