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.
|