usePromise

React Lifecycle钩子,它返回一个包装promises的辅助函数。

使用此函数包装的 Promises 将仅在安装组件时进行解析。

Usage

  1. import {usePromise} from 'react-use';
  2. const Demo = ({promise}) => {
  3. const mounted = usePromise();
  4. const [value, setValue] = useState();
  5. useEffect(() => {
  6. (async () => {
  7. const value = await mounted(promise);
  8. // This line will not execute if <Demo> component gets unmounted.
  9. setValue(value);
  10. })();
  11. });
  12. };