32 lines
1.9 KiB
Markdown
32 lines
1.9 KiB
Markdown
---
|
||
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. |