Как вывести переменную на экран reactjs?

Рейтинг: 0Ответов: 1Опубликовано: 24.04.2023

Есть переменная now, в которой записаны дата и время. Как мне вывести эту переменную на экран?

export function Data() {
let now = new Date();
console.log(now)
} 

import './App.css';
import {Example} from './usestate'
import {Data} from './date'
function App() {
  return (
    <div>
  <Example></Example>
    <Data></Data>
    </div>
  );
}
export default App;

Ответы

▲ 0

Для вывода значения на экран из функции, можно воспользоваться следующими способами

Вернуть JSX элемент из фукнции
function Data() {
  let now = new Date();
  return <>{now.toString()}</>;
}

function App() {
  return (
    <div>
      <Example></Example>
      <Data></Data>
    </div>
  );
}
Отрендерить значение, возвращаемое фукнций
function Data() {
  let now = new Date();
  return now.toString();
}

function App() {
  return (
    <div>
      <Example></Example>
      {Data()}
    </div>
  );
}