我正在努力学习 react,我正在进行成功的 API 调用,但它只在控制台中打印出来。我找到了一些例子,但许多例子都推荐使用setData(json) ,但我却无法使用,因为文件是一个列表,export async function ,这也是推荐的:
export async function GetHellWorld() {
return fetch(`http://localhost:8080/api`, {
method: "Get",
headers: {
"Content-type": "application/json; charset=UTF-8"
}
}).then(response => response.json())
.then(json => {
console.log(json)
})
.catch(error => (console.log(error)))
}
和组件
function Test(thisArg, argArray) {
const result = GetHellWorld.apply()
return (
<div className="App">
{JSON.stringify(result)}
</div>
);
}
export default Test;
在控制台中我看到了 "Hello World",但在浏览器中却只得到了{} 。
有两个问题:
-
我怎样才能把JSON响应绑定到一个对象上,这样我就可以做一些像
result.name。 -
这是否是调用await函数的正确方法?
const result = GetHellWorld.apply()