Въведение в езика JSX в React
Езикът JSX е обикновен JavaScript, но с някои допълнения, позволяващи писане на тагове директно в кода, без кавички.
Тагове могат да се връщат чрез return:
jsxfunction App() {
return <div>
text
</div>;
}
Таговете могат да имат атрибути:
jsxfunction App() {
return <div class="eee">
text
</div>;
}
Тагове могат да се записват в променливи или константи:
jsxfunction App() {
const elem = <div>text</div>;
return elem;
}
Задание 1
Във вашия основен компонент има следната функция:
jsxfunction App() {
return <div>
text
</div>;
}
Променете текста вътре в div. Погледнете промените, случили се в браузъра.
Задание 2
Добавете няколко абзаца в div.
Задание 3
Добавете класове на вашите абзаци.