I
ща ребят
Size: a a a
2021 June 22
I
а, не, все заработало, почему-то обновления не сразу вкатились, спасибо
JS
Подскажите, а как изменить размещение компонента в DOM?
JS
Вот у меня есть плеер в футере, но нужно на главной странице размещать его в основном блоке. На всех других страницах - возвращать назад в футер
YP
Но при этом футер и основа это разные компоненты да?
JS
Верно
JS
<Main>
<Stage />
<Footer />
</Main>
ВС
Ну рендерить его в разных местах в зависимости от текущей страницы
JS
Так проблема в том, что состояние теряется. А там постоянно идёт лайв трансляция
JS
Его легко вынести в Main компонент и спозиционировать. Но вот на той странице со всеми стилями тяжело, было бы круто именно вставить туда контейнер, а не шаманить с абсолютными значениями. Смотрю в сторону
ReactDOM.createPortal()ВС
А откуда она идет? Переподключать ее как то… или постоянно его как бы иметь активным где то на фоне но скрывать и показывать. Хз, интересный вопрос
JS
Переподключать то можно, но идёт загрузка, переподключение, может пару секунд потеряться и т.д. Странно что нет какого-то простого способа "переместить" компонент в DOM-дереве
YP
Короче тебе надо сделать плеер и там и там, и сделать один флаг так чтобы они оба могли его видеть, если флаг false то в футере плеер виден а в основе нет, если флаг true то наоборот
JS
Но в таком случае будет подключено два разных компонента и будет то самое переподключение к лайв трансляции. А если просто скрывать и трансляция будет продолжаться - двойной трафик на основной странице
YP
Ну потому что сама по себе идея странная
JS
Ну почеум странная? Вот как в ютубе, ты же можешь свернуть видео и ходить по остальным страницам не прерывая его
GO
А как это сделать с помощью js без "анмаунта"?
I
Нажал i и пошёл
JS
ReactDOM.createPortal - насколько я понял, это единственный вариантВС
Кинь код плеера с трансляцей а мы завтра подвигаем его)