React + gsap = зачем рендерить, когда курсор двигается?

Question

Я сделал пользовательский курсор, используя gsap в реагировать. Я не могу понять, почему рендеринг происходит при перемещении курсора, хотя я не меняю состояние?

andSandBox

Спасибо.

Answer 1

Решение 1

Решение 2

Не используйте состояние, а только переменные))

Answer 2

React Components по умолчанию не пропускают рендеринг из-за мелкого сравнения свойств и состояний, поэтому каждое обновление состояния будет вызывать повторный рендеринг.

Вам нужно либо реализовать shouldComponentUpdate, либо расширить PureComponent, или преобразовать в функциональный компонент (который по умолчанию не перерисовывается, если состояние не меняется, даже если вы вызываете установленное состояние)