reactjs - 每次渲染都会出现 Highcharts 动画

Question

我正在使用 react-highcharts(highcharts 的包装器)并启用动画以获得更好的用户体验，但是动画出现在每个渲染器中，例如:

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

有没有办法只制作一次动画？

我很乐意提供任何帮助谢谢

Answer 1

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

useEffect(() => {

  // Apply animation

}, []);