如何解决来自模拟服务器的json响应没有打印(附代码)

60 阅读1分钟

我正在努力学习 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",但在浏览器中却只得到了{}

有两个问题:

  1. 我怎样才能把JSON响应绑定到一个对象上,这样我就可以做一些像result.name

  2. 这是否是调用await函数的正确方法?const result = GetHellWorld.apply()