自定义hook时，useEffect报错

Question

import { useState, useEffect } from 'react';
import { Toast } from 'antd-mobile';

export default function useHttpHook({ url, method = 'post', headers, body = {}, watch = [] }) {
  const [result, setResult] = useState();
  const [loading, setLoading] = useState(true);

  async function Http() {
    setLoading(true);

    const defaultHeader = {
      'Content-type': 'application/json',
    };

    let params;
    if (method.toUpperCase() === 'GET') {
      params = undefined;
    } else {
      params = {
        headers: {
          ...defaultHeader,
          headers,
        },
        method,
        body: JSON.stringify(body),
      };
    }

    return new Promise((resolve, reject) => {
      fetch('/api' + url, params)
        .then(res => res.json())
        .then(res => {
          if (res.status === 200) {
            resolve(res.data);
            setResult(res.data);
          } else {
            Toast.fail(res.errMsg);
            reject(res.errMsg);
          }
        })
        .catch(err => {
          Toast.fail(err);
          reject(err);
        })
        .finally(() => {
          setLoading(false);
        });
    });
  }

  useEffect(() => {
    Http();
  }, watch);

  return [result, loading];
}

自定义useHttpHook来实现发送http请求 并能够返回loading状态 在useHttpHook内部使用

但是一保存自动vscode 就纠正成为了内部的函数[http] ,向、想知道问题出在哪里了

Answer 1

报什么错呢，看起来是格式问题 。黄色波浪线 你把 鼠标放上去看看有没有提示什么信息