在特定Array元素中添加className的解决方案

时间:2019-05-31 01:02:14

标签: reactjs

我创建了一个日历,但是当日期等于“ today”时,我找不到添加一个className的解决方案,请参见链接演示:

https://compassionate-beaver-fe6c05.netlify.com/

代码是:

https://github.com/fzabra/react-calendar/blob/master/src/Components/Calendar.jsx

以下条件返回今天的日期:

 if (dateDay === today.getDate() && currentYear === today.getFullYear() && currentMonth === today.getMonth()) {
   console.log(dateDay)   
}

观察到控制台显示了今天的日期。今天的广场是一个it元素,它有一个id =“ dateDay”,我认为诸如document.getElementById之类的东西不起作用,有人有任何想法吗?

谢谢

1 个答案:

答案 0 :(得分:1)

使用CSS文件中的.box .green类,您可以在push条件内<Table.Cell> if,或者else不要使用{{ 1}},就像这样:

className

这样,当前日期将具有绿色背景。
结果
enter image description here

Full code