获取方法 React API

Question

我想获取我的本地 API。请帮忙。 这是我的函数的代码：

    const [data, setData] = useState(null);

    async function fetchData() {
        const response = await fetch("https://localhost:44344/homeApi", {
            mode: "no-cors"
        });
        setData(await response.json());
    }

这是 Concole 中的错误：

// 指向这一行 => setData(await response.json());

    Uncaught (in promise) SyntaxError: Unexpected end of input
    at fetchData (DataComponent.js:11:1)
fetchData @ DataComponent.js:11
await in fetchData (async)
(anonymous) @ DataComponent.js:15
invokePassiveEffectCreate @ react-dom.development.js:23487
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
flushPassiveEffectsImpl @ react-dom.development.js:23574
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
flushPassiveEffects @ react-dom.development.js:23447
(anonymous) @ react-dom.development.js:23324
workLoop @ scheduler.development.js:417
flushWork @ scheduler.development.js:390
performWorkUntilDeadline @ scheduler.development.js:157

Answer 1

您可能想使用 react 的 useEffect 钩子。

 const [data, setData] = useState(null);


 useEffect(() => {
    async function fetchData() {
      let response = await fetch("https://localhost:44344/homeApi", {
        mode: "no-cors",
      });
      response = await response.json();
      setData(response);
    }

    fetchData();
  }, []);