useAsync

React 钩子，用于解析 async 函数或返回 promise 的函数。

用法

  1. import {useAsync} from 'react-use';
  3. // Returns a Promise that resolves after one second.
  4. const fn = () => new Promise((resolve) => {
  5.   setTimeout(() => {
  6.     resolve('RESOLVED');
  7.   }, 1000);
  8. });
  10. const Demo = () => {
  11.   const state = useAsync(fn);
  13.   return (
  14.     <div>
  15.       {state.loading?
  16.         <div>Loading...</div>
  17.         : state.error?
  18.         <div>Error...</div>
  19.         : <div>Value: {state.value}</div>
  20.       }
  21.     </div>
  22.   );
  23. };

参考

  1. useAsync(fn, args?: any[]);