React中的插槽预订模块

时间:2019-05-09 08:27:38

标签: javascript reactjs

我正在尝试创建一个预订模块。我将可用的时间段存储在状态available_time=["10:20","11:30","11:30" ]中。

我正在从api上获得max_slots = number

现在我正在尝试在行和列中填充数据,例如:

10:30 :- Slots 1, slots 2, slots 3
11:30 :- Slots 1, slots 2, slots 3

如果有一个max_slot,则插槽可以为1,2或其他任何东西,那么我需要将插槽的宽度设置为100%,如果大于2然后将宽度设置为一半。我尝试这样做,但似乎我丢失了必不可少的东西。

附加我的JS小提琴right here的链接。

0 个答案:

没有答案