Как вывести текст в Реакте?

Для вывода текста в React можно использовать JSX, который является синтаксическим расширением JavaScript и позволяет объявлять структуру компонентов с помощью HTML-подобного синтаксиса.

В React для вывода текста обычно используется тег <div>, который позволяет создавать контейнеры для других элементов. Внутри тега <div> можно добавить текст, заключив его в фигурные скобки {}.

Пример:

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <div>
    Привет, мир!
  </div>,
  document.getElementById('root')
);

После выполнения этого кода в элементе с id "root" на странице будет выведен текст "Привет, мир!".

Вместо статического текста можно также выводить динамический контент, используя JavaScript-выражения внутри фигурных скобок. Например, можно создать переменную с текстом и вывести ее значение:

import React from 'react';
import ReactDOM from 'react-dom';

const text = 'Привет, мир!';

ReactDOM.render(
  <div>
    {text}
  </div>,
  document.getElementById('root')
);

Вывод переменной text приведет к тому же результату как и предыдущий пример.

Таким образом, для вывода текста в React можно использовать тег <div> и писать текст внутри него, либо использовать JavaScript-выражения для динамического вывода текстового контента.