//Below I use the React.createElement() function to create a virtual DOM //representation of a <li> element node containing a text node of one (a.k.a., //React text) and an id of li1. var reactNodeLi = React.createElement('li', {id:'li1'}, 'one');
class Hello extends React.Component { render() { return React.createElement('div', null, `Hello ${this.props.toWhat}`); } } ReactDOM.render( React.createElement(Hello, {toWhat: 'World'}, null), document.getElementById('root') );
class Greeting extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } }
const e = React.createElement; ReactDOM.render( e('div', null, 'Hello World'), document.getElementById('root') );
React.createElement( type, [props], [...children] )