<div id="root"></div>
function NameCard(props){
  return <h2>Hello,{props.name}</h2>
}
function Warpper(Item){
  const props = {name:'Chu'}
  return <Item {...props}/>
}
const element = Warpper(NameCard);

ReactDOM.render(element, document.getElementById('root'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //unpkg.com/react/umd/react.development.js
  2. //unpkg.com/react-dom/umd/react-dom.development.js