首页 > 解决方案 > 如何只在工作时间显示一个组件?

问题描述

我只需要在工作时间显示一个组件。

现在,我的计划是创建一个名为 Hours 的对象,该对象具有 weekday:[openTime, closeTime] 作为一周中每一天的键/值对。

然后,我打算使用 JavaScript 来获取当前时间,然后使用它来获取工作日。我将查看当前时间是否介于我将从先前创建的对象(Hours.weekday)中获取的时间之间,如果为真则渲染组件。

这似乎非常复杂,但这是我能想到的唯一方法。我对 JavaScript 和 React 还是很陌生,所以如果您有任何提示或更简洁的方法来做到这一点,请告诉我!

const hours = new Object();
hours.monday = [9, 5]
hours.tuesday = [9, 5]
hours.wednesday = [9, 5]
hours.thursday = [9, 5]
hours.friday = [9, 5]
hours.saturday = [10, 4]
hours.sunday=[null, null]

标签: javascriptreactjs

解决方案


推荐阅读