React - Non JSX
How can we use a plain JavaScript object can be used with the non-JSX version?
"use strict";
var PageTitle = React.createClass({
render: function() {
return (
<header>
<h1>{this.props.label}</h1>
</header>
);
},
});
var mainElement = document.querySelector("main");
ReactDOM.render(React.createElement(PageTitle, { label: "Welcome to React.js!" }), mainElement);
The transpiled version of the above code:
"use strict";
var PageTitle = React.createClass({
displayName: "PageTitle",
render: function render() {
return React.createElement(
"header",
null,
React.createElement(
"h1",
null,
this.props.label
)
);
}
});
var mainElement = document.querySelector("main");
ReactDOM.render(React.createElement(PageTitle, { label: "Welcome to React.js!" }), mainElement);
page revision: 0, last edited: 24 Nov 2021 00:14