如何在样式组件中使用for循环？

Question

我是一个非常努力学习React的学生。

现在，我正在制定一个玩具项目的时间表。

我使用CSS网格创建时间表。

但是它正在成为一个非常被动的程序。

我想在后端获取'schedules'变量并自动生成nth-of-type（）

&:nth-of-type (i) {

    grid-area: start / day / end / day + 1;

}

我想...我不知道如何。

帮我 。谢谢你。

这是我的代码。但它不起作用。因为未定义函数createCSS（{total，start，end，day，schedule}）...

我该如何解决此代码？