Reactjs 阿波罗预取数据

我一直在玩阿波罗和重新蚀刻，有问题

我已经实现了一个在MouseOver上预取数据的功能，当我将鼠标移到那个“组件”上时，它会同时发出两个相同的请求。你知道为什么吗

const prefetchData=（id）=>（）=>{
client.query({
查询：获取数据，
变量：{id}，
})
}

可能是从

冒泡出来的鼠标事件，具体取决于您在

中鼠标悬停的dom元素，从onMouseOver更改为onMouseEnter就成功了

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

---

是的，现在阅读关于事件冒泡的内容，改为onMouseCenter，似乎已经解决了这个问题。

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