反应动作：悬停动画在多次后变得迟钝

Question

我对React和所有奇特的东西都很陌生。

在google-react-map上，有一些标记。 他们每个人都有一个我想在悬停时缩放的图标。

我使用样式化组件进行样式化

const Icon = styled.div`
  width: ${MARKER_SIZE}px;
  height: ${MARKER_SIZE}px;
  /* animated */
  transform: scale(${props => props.scale});
`;

with react-motion

<Motion defaultStyle={{ scale: 1 }} style={{ scale: spring($hover ? 1.5 : 1) }}>
  { interpolated =>
    <Icon $hover={$hover} onClick={this.handleClick} {...interpolated}/>
  }
</Motion>

开始时工作平稳而快速，但在几次悬停之后，动画变得越来越迟钝。

我可能会错过一些关键的东西