React_Basic-HOC.js

/* eslint-disable */
import React from 'react';
import PropTypes from 'prop-types';

class App extends React.Component {
	static displayName = `App`;

	static propTypes = {
		// eslint-disable-next-line react/forbid-prop-types
		children: PropTypes.node.isRequired
	};

	constructor() {
		super();
		this.state = {};
	}

	render() {
		const { children } = this.props;
		const childrenWithProps = React.Children.map(children, child =>
			React.cloneElement(child, { ...this.props })
		);

		return (
			<div>
				{childrenWithProps}
			</div>
		);
	}
}

export default App;