Код IT
← Каталог

Кнопка с загрузкой — React, Promise и поток обновлений — Сокращение через `useAsyncCallback` (библиотека)

Фрагмент из «Кнопка с загрузкой — React, Promise и поток обновлений»: Сокращение через `useAsyncCallback` (библиотека).

javascript javascriptencyclopedia3-ecosystem-2-frontend-frameworks-1-react-45 embed URL статья в энциклопедии
Plain text main.jsx 

import { useAsyncCallback } from 'react-async-hook';

function AppButton({ onClick, children }) {
  const asyncOnClick = useAsyncCallback(onClick);

  return (
    <button
      type="button"
      onClick={asyncOnClick.execute}
      disabled={asyncOnClick.loading}
    >
      {asyncOnClick.loading ? '...' : children}
    </button>
  );
}

import { useAsyncCallback } from 'react-async-hook';

function AppButton({ onClick, children }) {
  const asyncOnClick = useAsyncCallback(onClick);

  return (
    <button
      type="button"
      onClick={asyncOnClick.execute}
      disabled={asyncOnClick.loading}
    >
      {asyncOnClick.loading ? '...' : children}
    </button>
  );
}