как вывести переменную в html в react

В React можно вывести переменную в HTML, используя JSX с помощью специальных фигурных скобок {}.

Пример:

import React from 'react';

function App() {
  const name = 'John';

  return (
    <div>
      <h1>Hello, {name}!</h1>
    </div>
  );
}

export default App;

В данном примере мы создали переменную name со значением 'John' и вывели ее в заголовке <h1> с помощью фигурных скобок и имени переменной.

Также можно использовать фигурные скобки для вычисления выражений и вызова функций, например:

import React from 'react';

function App() {
  const a = 5;
  const b = 10;

  function multiply(x, y) {
    return x * y;
  }

  return (
    <div>
      <p>
        {a} * {b} = {multiply(a, b)}
      </p>
    </div>
  );
}

export default App;

Здесь мы использовали фигурные скобки для вывода значения переменных a и b, а также вызова функции multiply с параметрами a и b. Результат вычисления функции также выводится с помощью фигурных скобок.