通过 ReactJS 消费 JSON 数据

Question

我是 reactjs 新手，我正在尝试构建一个简单的 rest 客户端。我有一个我正在使用的包含事件的 json api。但是，我不确定如何使用数据，因为它看起来与我见过的其他示例不同。

在大多数示例中，JSON 提要如下所示...

{"员工": [{"name":"Laura", "id":"123"},{"name":"Tim", "id":456"}]}

但是，我使用的 json 提要没有“员工”：描述符（或在我的情况下为“事件”）

相反，我的提要看起来像这样：

[{ "id":"1","title":"事件标题 1"},{"id":"2", "title":"事件标题 2"}]

因此，我不确定如何使用我看过的教程解析数据 (https://spring.io/guides/tutorials/react-and-spring-data-rest/)

constructor(props) {
    super(props);
    this.state = {employees: []};
}

componentDidMount() {
    client({method: 'GET', path: '/api/employees'}).done(response => {
        this.setState({employees: response.entity._embedded.employees});
    });
}

构造函数正在初始化，而 setState 从员工描述符开始，所以我不确定如何将这个示例应用于我的数据。

有什么建议吗？

提前致谢

Answer 1

您的 API 响应似乎包含您想要的事件列表，所以只需使用 {employees: response}