种族查询与阿波罗反应

Question

我正在使用带有graphql HOC的react-apollo ：
我有一个按用户输入的查询搜索，该查询可以运行不同的时间，并且可以通过按键来调用，该查询的结果传递到UI组件以显示搜索结果。

1. （0:00）用户搜索需要10秒才能运行的Foo
2. （0:01）1s之后，用户进入Foo bar ，这需要5s才能运行
3. （0:06）组件呈现Foo bar结果，就像用户期望的那样
4. （0:10）尽管输入现在是Foo bar但对Foo的第一个查询完成了运行并呈现了Foo过时结果。

有没有处理这种情况的标准方法？

我当前的解决方案将实现一个HOC，该HOC将检查用户输入的term是否等于结果返回的data.variables ，以及是否存在不匹配，请使用shouldComponentUpdate禁用进一步的呈现。 尽管如此，还是希望听到更多的意见，因为这听起来像是React中的常见情况。