Introduction to JSX Language in React

The JSX language is regular JavaScript, but with some additions that allow you to write tags directly in the code, without quotes.

Tags can be returned via return:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Tags can have attributes:

jsxfunction App() {
  return <div class="eee">
    text
  </div>;
}

Tags can be written into variables or constants:

jsxfunction App() {
  const  elem = <div>text</div>;
  return elem;
}
Задание 1

In your main component you have the following function:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Change the text inside the div. Look at the changes that occur in the browser.

Задание 2

Add a few paragraphs to the div.

Задание 3

Add classes to your paragraphs.