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

Код IT Загрузка примера кода…


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>
  );
}