如何在没有最大长度数组限制的情况下在React中获取数据?

时间:2018-10-13 08:07:18

标签: reactjs axios drupal-8 json-api

我正在使用axios通过JSONAPI Drupal模块从无头Drupal 8到我的React组件中获取数据。
当我通过Postman发出完全相同的获取请求(URL和标头相同)时,我获取并排列了300多个对象,但是从React进行获取时,响应仅限于50个对象。
什么限制了我的数组长度,以及如何覆盖限制以获取完整的数组?
该请求被放置在我的React项目的App.js中的componentDidMount()中,由Create-React-App创建:

axios({
            method: 'get',
            url: `${prodURL}/jsonapi/node/puzzle/?fields[node--puzzle]=field_filestack_handle,created&filter[eventfilter][condition][path]=field_event_reference.field_event_access_code&filter[eventfilter][condition][value]=${eventAccessCode}&sort=-created`,

            auth: {
                username: `${fetchUsername}`,
                password: `${fetchPassword}`
            },
            headers: {
                'Accept': 'application/vnd.api+json',
                'Content-Type': 'application/vnd.api+json',
            }
        })
            .then(response => {
                this.setState({
                    data: response.data.data,
                    isLoading: false
                })
            })
            .catch(error => console.log(error));
    }

2 个答案:

答案 0 :(得分:0)

您可以使用lodash块将数组拆分为长度为50的数组。

_.chunk(['a', 'b', 'c', 'd'], 2);
// => [['a', 'b'], ['c', 'd']]

答案 1 :(得分:0)

JSON API Drupal模块限制了响应。我应该使用Pagination