IS
Либо можно не париться и поставить что-то типа такого
Size: a a a
2019 August 03
S
Ну запили колбэки сам
да я не пойму как при импорте компонентов можно коллбэки сделать
S
const HomeAbout = dynamic({
loader: () => import('./HomeAbout'),
loading: () => <p>LOADING</p>,
ssr: false,
});
const RequestForm = dynamic({
loader: () => import('../../elements/RequestForm'),
loading: () => <p>LOADING</p>,
ssr: false,
});S
оба импорта грузятся одновременно, после того, как прогрузится главный компонент
EM
Ну так ты наверное рендеришь их сразу
S
Ну так ты наверное рендеришь их сразу
а как не рендерить их сразу? я не понимаю, как импорты можно связать с состоянием, чтобы тогда проверку сделать или что-то подобное на рендер их
EM
Нужно состояние, да
EM
И условие по которому обновишь состояние
EM
Зависит от твоей задачи
EM
Если ты при скролле к элементу хочешь, то есть intersection observer, ну и тд
S
Если ты при скролле к элементу хочешь, то есть intersection observer, ну и тд
нет мне именно без скролла, а сразу при полной загрузке одного компонента, я не понимаю как проверить, что компонент целиком проггрузился у клиента, чтобы начать рендерить следующий
EM
Ну в таком случает обнови состояние на didmount
EM
Какой-то isReady
EM
И если реди, рендери те лоадаблы
🦜
нет мне именно без скролла, а сразу при полной загрузке одного компонента, я не понимаю как проверить, что компонент целиком проггрузился у клиента, чтобы начать рендерить следующий
Прочитай про dynamic import в жс
S
И если реди, рендери те лоадаблы
я могу так сделать с одним компонентом, а со следующим не могу, так как не знаю как отследить, что компонент загрузился полностью.
S
Прочитай про dynamic import в жс
прочитал, а толку, примеров так и не нашел как можно с компонентами такое проделать
EM
Не понятно что тебе нужно, вот серьёзно
EM
Если ты хочешь загрузить лоадаблы после рендера компонента, то читай выше