每次渲染时都会出现Highcharts动画

Question

我使用react-highcharts (highcharts的包装器)并启用动画以获得更好的用户体验，但动画在每次渲染时都会出现，例如：

​

​

https://media.giphy.com/media/JAQVpMKbeXh1Y9jAJ6/giphy.gif

有没有一种只制作一次动画的方法？

我很高兴能帮上忙，谢谢

Answer 1

为了更清晰的用户体验，我建议在第一次渲染组件时只使用一次动画，因此，如果你使用React钩子，使用useEffect钩子来应用动画，但是发送一个空数组作为useEffect的第二个参数，这样它只会在第一次渲染被触发后渲染一次动画。

useEffect(() => {

  // Apply animation

}, []);