种族查询与阿波罗反应

时间:2018-10-18 22:07:06

标签: javascript reactjs apollo react-apollo

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

  1. (0:00)用户搜索Foo,这需要10秒钟才能运行
  2. (0:01)1s之后,用户输入Foo bar,这需要5s才能运行
  3. (0:06)组件以Foo bar的结果呈现用户期望的结果
  4. (0:10)对Foo的第一个查询完成运行并显示Foo的陈旧结果,尽管输入现在为Foo bar

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

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

0 个答案:

没有答案