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