React-Async调用稍后在useFetch上通过GET请求运行

问题描述 投票:0回答:1

我稍后尝试通过使用React-Async库中的useFetch运行获取请求。我想在效果挂钩中运行它。

import React, {useEffect} from 'react';
import { useFetch } from "react-async"

const Example = (props) => {
  const headers = { Accept: "application/json" }
  const { data, error, isPending, run } = useFetch("http://www.mocky.io/v2/5eac28e4330000a215dfe24d",{ method: "POST", headers });

  useEffect(() => {
    // token = await retrieveToken;
    run(init => ({
      ...init,
      headers: {
        ...init.headers,
        Authentication: "thetoken",
      },
    }))
  },[]);


  if (isPending) return <div>Loading</div>
  if (error) return <div>`Something went wrong: ${error.message}`</div>
  if (data)
    return (
      <div>
        {JSON.stringify(data)}
      </div>
    );
  else {
    return <div>Loading</div>
  }
}
export default Example;

提取调用立即运行,并且没有生效。当我将方法更改为POST时,将按预期从效果进行提取调用。

如何使它适用于GET请求?

reactjs asynchronous async-await react-hooks react-async
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.