Стилизованный класс JSX удален на долю секунды при изменении значения - PullRequest
0 голосов
/ 19 апреля 2020

Редактировать: я просто преобразовал его в StyledComponents - без проблем

Я использую стилизованный JSX с Next JS. Когда значения класса Dynami c меняются - классы для одного кадра или около того меняются, и это становится странным. Ниже приведено видео: сначала в режиме реального времени, а затем стоп-кадры на плохой кнопке.

enter image description here

То, что вы не можете видеть, это класс помеченный как «2» удаляется для этого кадра, это происходит сразу после стоп-кадра и выглядит примерно так в течение 0,05 секунд:

enter image description here

Здесь песочница кода кода, составляющего кнопку - но он здесь этого не делает.

Я обнаружил, что если я удаляю определенные части стилизованного jsx и помещаю их в свой собственный класс - удаляется только эта часть, но каждая из них отличается. Это похоже на то, как если бы класс тратит слишком много времени на вычисление, поэтому его удаляют на секунду.

https://codesandbox.io/s/styled-jsx-example-y4mt0?file= / index. js

Замечания I ' м, используя Next JS.

...