3 ms·
It's a sugar over React.createElement which is just a souped up document.createElement. JSX: <div className="classy" onClick={this.handleClick} /> No JSX:
by seangrogg 10y ago
It's a sugar over React.createElement which is just a souped up document.createElement.
JSX:
<div className="classy" onClick={this.handleClick} />
No JSX:
React.createElement('div', {
className: 'classy',
onClick: this.handleClick,
});
Native (note this naive implementation lacks proper scoping):
var el = document.createElement('div');
el.className = 'classy';
el.onclick = handleClick;
This has been available on all major browsers for quite some time, React just provides some convenience around it and a sugar for those that prefer code that looks like HTML because people tend to (fairly, imo) associate their HTML with the state of the DOM.