在react-native中處理多個api調用

Question

我正在嘗試實現一個搜索字段，這里發生的情況是，每當用戶在文本字段中輸入文本時，計時器就會重置為300毫秒，然后在收到這些結果后，將發送一個api調用（搜索）以獲取自動完成結果，應用會等待另一個結果1s並發送另一個請求。 在此期間，用戶可能會輸入更多文本。 因此，我假設一個場景是調用了搜索api，並且在響應到達之前，用戶更改了發送另一個預搜索調用的文本，現在，搜索響應已到達並且被誤認為是預搜索響應，因此產生了錯誤。 有什么解決方法嗎？

Answer 1

您想要的是在用戶輸入更多文本時取消正在進行的請求。

我假設您正在使用fetch API。 不幸的是，根據Promise規范，它無法取消請求。 如果需要取消請求，可以直接使用XMLHttpRequest 。

另一種可能性是在fetch響應處理程序中簽入被搜索的初始文本是否已更改。 在這種情況下，您無需在該處理程序中執行任何操作。