Компонент в React можно создать двумя разными способами:

1. Функциональный компонент (также называют functional, presentational, dumb, stateless):

const cmp = () => { return <div>some JSX</div> }

2. Компонент на основе класса (также называют class-based, containers, smart, stateful):

class Cmp extends Component { render () { return <div>some JSX</div> }}

Везде, где возможно, рекомендуется использовать функциональные компоненты.

Пример 1:

import React from 'react';

const MyStatelessComponent = props => <div>{props.name}</div>;
// without JSX
const MyStatelessComponent = props => React.createElement('div', null, props.name);

Пример 2:

import React, { Component } from 'react';

class MyComponentClass extends Component {
render() {
return <div>{this.props.name}</div>;
}
}