长话短说:我试图递归地从包装在 bindCallback 中的API调用中获取分页数据，但递归不起作用。

详细信息：

我正在调用 Pinterest Javascript SDK 中的 request 函数来从电路板上抓取管脚。API调用本身同时接受参数和回调。从该调用返回的响应包含(分页的)数据，以及一个布尔值、 hasNext 和一个递归调用 next() 来获取下一个数据分页。Pinterest API说 next() “将递归地转到相同的回调”。

const Pinterest = {
    pins: (boardName, callback) => {
        var params = {
            fields: "id, note, link, image",
            limit: 100
        var boardId = `test`;
        PDK.request(`${boardId}/pins/`, params, callback);
type BoardPinsResponse = {
    data: Array<Pin>;
    hasNext?: boolean;
    page?: {
        cursor: string;
        next: string; 
        // This is the straight URL that would grab the next set of data
    next: () => BoardPinsResponse 
    // This is a helper function that is supposed to grab the data from the "next" URL above
};

我在我的React应用程序中使用Redux epics来处理这些调用，所以一切都在Rxjs可观察性中。我已经解决了获取第一部分数据的问题，因为我只是将API调用包装在RxJS的 bindCallback 中以实现回调。

const pinsObservable = bindCallback(Pinterest.pins);
const fetchPinsEpic = (action$, _) =>
    action$.pipe(
        filter(isActionOf(fetchPinsAsync.request)),
        mergeMap(action =>
            pinsObservable(action.payload).pipe(
                expand(response => response.hasNext ? of(response.next()) : empty()),
                // ^ this call doesn't seem to be working
                map(response => {
                    return fetchPinsAsync.success({
                        month: action.payload,
                        pins: response.data
                catchError((message: string) =>
                    of(fetchPinsAsync.failure(message))
    );

现在的问题是如何调用API返回的递归链接。仅仅在 map 函数内部调用它并没有什么作用，因为我相信 bindCallback 只允许一次调用。我假设我可以使用 expand 操作符递归地实现这一点，直到 hasNext 返回false，但是我似乎无法调用推送数据。我可以看到它转到正确的分支一次，以获取更多的数据，但随后从未看到递归发生。

有没有什么东西必须放在 expand 之后才能捕获数据？将 expand 放入 bindCallback 不起作用吗？

编辑:我后来意识到API响应包含两个"next“属性。我已经相应地更新了我的代码，但仍然卡住了。