Наличие двух разных компонентов навигации для мобильных и настольных компьютеров в React.js
Я думал о том, следует ли мне иметь две разные панели навигации, одну для мобильных устройств и для рабочего стола, и просто условно визуализировать ту или другую, или если я должен просто пройти весь путь с запросами и более условным рендерингом на самом javascript, что бы вы предлагаете? Моя панель навигации также зависит от того, вошел ли пользователь в систему или нет. Заранее спасибо.
Ответы 1
Я бы предложил использовать медиа-запросы. Если вы визуализируете навигацию для мобильных и настольных компьютеров, вам понадобится логика JS, чтобы определить, в каком окне просмотра вы находитесь. Если вашему приложению React всегда нужно выяснить, в каком окне просмотра оно находится в первую очередь на стороне клиента, это может привести к неприглядной перезагрузке или перепрошивке. Вам понадобятся хуки, такие как useEffect, чтобы определить, в каком окне просмотра вы находитесь. Однако, если все ваши компоненты React имеют, например, рендеринг на стороне сервера, то это не очень эффективно. Взгляните на TailwindCss, там легко использовать медиа-запросы. Или проверьте свои любимые веб-сайты, которые также имеют разные версии навигации, чтобы выяснить, как они это делают. Если вы хотите настроить навигацию в зависимости от того, вошел ли пользователь в систему или нет, я бы рекомендовал использовать createContext/useContext .
Как сейчас написано, ваш ответ неясен. Пожалуйста, отредактируйте , чтобы добавить дополнительные сведения, которые помогут другим понять, как это отвечает на заданный вопрос. Вы можете найти больше информации о том, как писать хорошие ответы в справочном центре.