reactjs - PreFetching 数据阿波罗

Question

我一直在玩阿波罗并重新取回，并且有问题。

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

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

Answer 1

可能是鼠标事件从<Link />依赖于您将鼠标悬停在<Link />.

Answer 2

从 onMouseOver 更改为 onMouseEnter 成功了。

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