freeCodeCamp/guide/russian/certifications/front-end-libraries/react/create-a-react-component/index.md

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

Создать реактивный компонент

Подсказка 1:

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

Решение

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.