Let's take a look at the following example of how to create a React component:
import React, { Component } from 'react'; import ReactDOM from 'react-dom'; class ReactClass extends Component { render () { return ( <h1 className="header">React Component</h1> ); } } const reactComponent = ReactDOM.render( <ReactClass/>, document.getElementById('react-application') ); export default ReactClass;
Some of the preceding code should already look familiar to you, and the rest can be broken down into two simple steps:
Creating a React component class.
Creating a React component.
Let's take a closer look at how we can create a React component:
Create a
ReactClass
class as a subclass of theComponent
class. In this chapter, we'll focus on learning how to create React component classes in more detail.Create
reactComponent
by calling theReactDOM.render()
function and providing ourReactClass
element as its element parameter...