Fetch Method 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();
}, []);