169 похожих чатов

Привет. Такая проблема: есть компонент Loading со спиннером, он вызывается

из разных компонентов,
как сделать чтоб анимация(@keyframes) привязанная к className компонента не сбрасывалась?

Вложенность примерно такая:
<Check_1>
<Check_2>
<Check_3>
<Route />
</Check_3>
</Check_2>
</Check_1>

Каждый из компонентов проверяет подгрузились ли данные для его работы,
если да - рендерить children, если нет - рендерить <Loading />;

При первой загрузке страницы и до подгрузки всех данных разметка выглядит так:
...
<div id='root'>
<div class='page'>
<div class='loading'></div>
</div>
</div>
...

7 ответов

14 просмотров

animation-iteration-count: infinite если правильно понял

{ Amir }- Автор вопроса
Vladislav Stepanov
animation-iteration-count: infinite если правильно...

Не правильно понял. В реакте идет анмаунт и маунт одно и того же компонента, разметка остается такой же, а вот анимация сбрасывается и начинается заново.

🙃

{ Amir }- Автор вопроса
{ Amir }- Автор вопроса
Konstantin
🙃

Может кто свежим взглядом подскажет еще варианты))

Хорошего и простого способа не знаю Раньше решал через state manager и точечно подписывался на флаги загрузки. В теории можно похожее через context провернуть Еще нагуглил такой хак через css custom properties, но лично не использовал, за качество не отвечаю) https://www.selbekk.io/blog/2019/08/how-to-stop-your-spinner-from-jumping-in-react/

Похожие вопросы

Обсуждают сегодня

Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Товарищи, кто работа с iphelper? Или может я в самой логике ошибки фигачу, не пойму.... var ifTable : PMIB_IFTABLE; size, corSize: DWORD; Buffer ...
Warfarellen
4
я так понимаю, я так подозреваю, что создание такого плагина для человека, кто умеет писать плагины для делфи потребует минут 5-10 времени. но это мое подозрение. хотелось бы ...
Kraszx
7
Коллеги, добрый вечер. Создаю коллекцию от TFPGMap, ключ - перечисление, значение - целое. Нужно отсортировать коллекцию по значению. Как это можно сделать?
Kirill Filippenok
11
Скажи а ты когда этот канал создавал ты уже дельфи не любил, или это со временем пришло?
Роман Лях (rgreat)
18
Привет, такой вопросик появился кажется ли вам что Rust слишком сложный/строгий для высокоуровневого программирования и слишком "безопасный"/строгий для низкоуровневого?
Крокант
10
Всем привет! Использую кастомное модальное диалоговое окошко, все по классике - mrOK, mrCancel как ModalResult. Однако есть нюанс - в главной форме есть универсальный обработч...
Олег Гранишевский
20
Карта сайта