Почему это приложение create-реакции-приложение не работает в мобильных браузерах?

Question

Я так растерялся. Виджет (github) хорошо работает на рабочем столе, но что-то ломается в мобильных браузерах. Я хочу (1) css и (2) обновить this.props.date, как на мобильных устройствах, так и на настольных браузерах. посмотрите на (удалено из моего кода и окна, чтобы сэкономить место, запустите из github, это create-реагировать-приложение) на рабочем столе, а затем посмотрите на него на мобильном телефоне, чтобы заметить эти проблемы. Я не знаю точно, где в коде мобильные браузеры не так. Это не polyfill startPad с create-реагировать на приложение, я взял это. Есть ли еще одна проблема с веб-пакетом «создать-реагировать-приложение», с которым я столкнулся?

коды и код-ящика

календарь радости Китая

Answer 1

Почти три месяца спустя я восстановил компонент Glad, чтобы не использовать функции внутри jsx, но это не было проблемой (хотя я думаю, что это лучшая практика, верно?)

(исправлено, но не ясно) ответ) Проблема заключалась в симптомах c обозначения css для переменной {inMonth}, которую я сделал состоянием и переместил ... в родительский компонент ... basedate была проблема в функции isSameMonth(), которая каким-то образом получал дату просмотра на рабочем столе, но не на мобильном

(ссылка на компонент месяцы codesandbox), вот моя версия календаря Glad, гораздо проще настроить, если вы узнали React после 2018 года, я думаю

https://codesandbox.io/s/recursing-paper-4vosh?file= / src / components / Calendar / FullCalDrawer / MonthCalSlider. js (коснитесь нижнего правого круга [наполовину закрыт «открытой песочницей на мобильном телефоне»), отпечаток пальца go, чтобы открыть календарь, затем значок в верхнем левом углу, чтобы открыть месячный обзор) ... показывает {inMonth} обозначение для дочернего компонента css на мобильном телефоне сейчас

Это также будет на * 101 7 * через день или около этого после этого поста (я пытался сделать это codepen & jsbin, но не смог, нужно двигаться дальше)