PreFetching 数据阿波罗答案

【问题标题】：PreFetching data apolloPreFetching 数据阿波罗
【发布时间】：2017-08-01 05:40:54
【问题描述】：

我一直在玩 apollo 并重新获取，并且有问题。

我已经实现了一项功能来预取数据 onMouseOver，当我将鼠标悬停在该“组件”上时，它会同时发出两个相同的请求。任何想法为什么？

const prefetchData = (id) => () => {
    client.query({
      query:FETCH_DATA,
      variables:{id},
    })
  }
<Link style={{ textDecoration: 'none' }} onMouseOver={prefetchData(id)} to={`/posts/${id}`}>

【问题讨论】：

标签： reactjs react-apollo apollo-client

【解决方案1】：

可能是鼠标事件从<Link /> 冒泡，这取决于您在<Link /> 中鼠标悬停的dom 元素。

【讨论】：

是的，现在阅读事件冒泡，改为 onMouseEnter，似乎已修复。

【解决方案2】：

从 onMouseOver 更改为 onMouseEnter 成功了。

<Link style={{ textDecoration: 'none' }} onMouseEnter={prefetchData(id)} to={`/posts/${id}`}>

【讨论】：