Let's take a look at the following example of how to create a React component:
var React = require('react');
var ReactDOM = require('react-dom');
var ReactClass = React.createClass({
render: function () {
return React.createElement('h1', { className: 'header' }, 'React Component');
}
});
var reactComponentElement = React.createElement(ReactClass);
var reactComponent = ReactDOM.render(reactComponentElement, document.getElementById('react-application'));Some of the preceding code should already look familiar to you, and the rest can be broken down into three simple steps:
Creating a React class.
Creating a React component element.
Creating a React component.
Let's take a closer look at how we can create a React component:
Create a
ReactClassby calling theReact.createClass()function and providing a specification object as its parameter. In this chapter, we'll focus on learning about the specification objects in more detail.Create a
ReactComponentElement...