通过ReactJS消费JSON数据

时间:2018-11-15 21:22:52

标签: javascript json reactjs rest

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

在大多数示例中,JSON提要看起来像这样...

{“员工”:[{“名称”:“劳拉”,“ id”:“ 123”},{“名称”:“蒂姆”,“ id”:456”}]}

但是我正在使用的json feed没有“雇员”:描述符(在我的情况下为“事件”)

相反,我的供稿看起来像这样:

[{“ 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从雇员描述符开始,因此我不确定如何将此示例与我的数据一起应用。

有什么建议吗?

预先感谢

1 个答案:

答案 0 :(得分:0)

您的API响应似乎包含所需的事件列表,因此只需使用{employees: response}