написать window.innerWidth?
const [windowSize, setwindowsize] = useState({
width: window.innerWidth,
height: window.innerHeight
})
Можно ли так делать?
// Call handler right away so state gets updated with initial window size Если прочесть комментарии и код. На клиенте да, там window есть.
Если у тебя нет ssr, то можно
На нексте, кстати, проще, там есть <Head />
Что?
Переопределить что-либо
У меня некст, кста
Ты о чём?
А, соррян )))
Значит взорвется
import Head ftom 'next/head, вроде. В нем можно стили переопределять. Либо withStyles. Но наверняка следует в ещё один провайдер с кастомной темой оборачивать, но это долго.
У меня Next js Проблема в том, что сразу при загрузке, кажется, неправильно определяет размер. Хотя локально с дебаггером вроде все ок, но сервере начинаются проблемы. Отображение части контента завязана на размер окна, но при загрузке на мгновение показывается нежелательный контент
потому что твоя страница рендерится на сервере. какая ширина окна у сервера?
Спасибо. Вижу два варианта решения проблемы: 1. Брать этим хуком размер окна и пока windowSize.width === undefined делать return null 2. Не брать хуком размер окна и полагаться на css. Что думаешь?
Второе предпочтительнее, но зависит от ситуации. Если можно было решить проблему через css, то зачем ты вообще взялся за js?
В моем случае нельзя решить с помощью css(
Обсуждают сегодня