Увядзенне ў мову JSX у React
Мова JSX - гэта звычайны JavaScript, але з некаторымі дапаўненнямі, якія дазваляюць пісаць тэгі прама ў кодзе, без двукоссяў.
Тэгі можна вяртаць праз return:
function App() {
return <div>
text
</div>;
}
У тэгаў могуць быць атрыбуты:
function App() {
return <div class="eee">
text
</div>;
}
Тэгі можна запісваць у зменныя або канстанты:
function App() {
const elem = <div>text</div>;
return elem;
}
У вашым асноўным кампаненце ёсць наступная функцыя:
function App() {
return <div>
text
</div>;
}
Памяняйце тэкст унутры дыва. Паглядзіце на змены, якія адбыліся ў браўзэры.
Дадайце ў дыў некалькі абзацаў.
Дадайце вашым абзацам класы.