React - Non JSX

react

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);
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License