React 18: useTransition

  • Может повысить производительность за счет задержки действий с высокими затратами.

  • Добавлено в React 18

пример)


import { useState, useTransition } from 'react';

function App () {
  const [value, setValue] = useState("");
  const [isPending, startTransition] = useTransition();

  return (
    <div>
      <input
        onChange={(e) => {
          startTransition(() => {
            setValue(e.target.value);
          });
        }}
      />
      {isLoading ? "Loading..." : "Loaded"}
    </div>
  );
}
Вход в полноэкранный режим Выход из полноэкранного режима

Оцените статью
Procodings.ru
Добавить комментарий