1

我很混乱。(github) 小部件在桌面上运行良好,但在移动浏览器上有些问题。我希望 (1) css 和 (2) this.props.date 在移动设备上更新,就像在桌面浏览器上一样。在桌面上查看(从我的代码和框中删除以节省空间,从 github 运行,它是 create-react-app),然后在移动设备上查看它以注意这些问题。我不知道移动浏览器在代码中的具体位置是错误的。它不是带有 create-react-app 的 polyfill startPad,我把它拿出来了。我遇到的 create-react-app webpack 还有另一个问题吗?

codesandbox-code编辑:我在清理 github 时删除了这个,你可以在https://codesandbox.io/s/recursing-paper-4voshhttps://github.com看到一个优化的日历版本/尼克卡杜奇/Wavepoint.la

高兴中国的日历

4

1 回答 1

0

将近三个月后,我重构了 Glad 的组件,使其不使用 jsx 中的函数,但这不是问题(尽管我认为这是更好的做法,对吧?)

(已修复,但不是一个明确的答案)问题是 css 指定{inMonth}变量的症状,我对其进行了状态并移动......到父组件......basedate是一个函数中的问题,isSameMonth()它以某种方式在桌面上获取浏览日期,但不是在手机上

(链接到代码和框月组件)无论如何,这是我的 Glad 日历版本,如果你在 2018 年后学习了 React,那么自定义会容易得多,我猜

https://codesandbox.io/s/recursing-paper-4vosh?file=/src/components/Calendar/FullCalDrawer/MonthCalSlider.js(点击右下角的圆圈[在移动设备上打开沙箱的一半],指纹徽标打开日历,然后左上角点图标打开月视图)...{inMonth}现在在移动设备上的子组件 css 中显示指定

这也将在这篇文章之后的一天左右出现在https://github.com/Wavepoint.la上(我尝试将其设为 codepen 和 jsbin 但失败了,需要继续前进)

于 2020-05-07T15:43:30.293 回答