---
title: Create a React Component
localeTitle: Создать реактивный компонент
---
## Создать реактивный компонент

## Подсказка 1:

*   Вы будете видеть эти компоненты класса React Class все время, так что теперь было бы прекрасно провести время с ними. Помните, что в этом упражнении вам не нужно определять компонент, вам просто нужно заставить функцию возвращать немного html между отмеченными строками.
*   Запомните предыдущий раздел и верните элемент «div», который содержит «h1» с текстом Hello React !.
*   Элемент «div» имеет дочерний элемент, поэтому не забудьте закрыть все теги.

## Решение

```javascript
class MyComponent extends React.Component { 
  constructor(props) { 
    super(props); 
  } 
  render() { 
    // change code below this line 
    return ( 
      <div> 
       <h1>Hello React!</h1> 
      </div> 
    ); 
    // change code above this line 
  } 
 }; 
```

Обратите внимание, что вам не нужно помещать кавычки вокруг текста, потому что когда вы работаете с JSX, это рассматривается как HTML. Также проверьте правильность написания, случая и пунктуации! Если весь этот код выглядит странно, пойдите, пожалуйста, ознакомьтесь с некоторыми замечательными материалами на Javascript ES6 здесь, на freeCodeCamp.