如何从fetch-React中的变量返回html

Question

我想在html中以文本形式返回变量jsonData。代码获取一个链接，从获取中获得json，然后打印在页面上，我只是不知道该怎么做。

fetch(jsonlist)
.then(response => response.json())
.then((jsonData) => {
if (jsonData !== null) {
return jsonData;
}
})
.catch((error) => {
console.error(error);
});
return (
<div>
<p></p>
</div>
);
}

有谁能帮我吗？

提前谢谢。

Answer 1

您可能需要使用useEffect和useState这样的钩子来接管异步调用

尝试在useEffect中调用api，并在完成后使用setState 设置数据