Решение для добавления className в определенный элемент массива
Я создал один календарь и не нашел решения добавить одно 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.info(dateDay)
}
Обратите внимание, что консоль показывает сегодняшнюю дату. Квадрат сегодня - это элемент it с одним id="dateDay", я думаю, что что-то вроде document.getElementById не работает, у кого-нибудь есть идеи?
Спасибо
«Условный рендеринг»
Да, но стиля CSS нет, dateDay — это число, добавьте today или что-то в этом роде
Я еще не создаю стиль, я просто хочу добавить одно className в текущий день. Я снова попробовал push() между этим условным выражением, но он создает два текущих дня
Ответы 1
Используя класс .box .green из вашего файла CSS, вы можете push<Table.Cell> внутри условия if или else не использовать className, например:
if (dateDay === today.getDate() && currentYear === today.getFullYear() && currentMonth === today.getMonth()) {
children.push(<Table.Cell key = {j} id = {dateDay} className = "box green">{dateDay}</Table.Cell>)
} else{
children.push(<Table.Cell key = {j} id = {dateDay} className = "box">{dateDay}</Table.Cell>)
Таким образом, текущая дата будет иметь зеленый фон.
Результат
Для меня это создало 2 текущих дня не для тебя
Очень красиво, теперь я пойму, где я сломал себе мозг ха-ха, спасибо
Где находится стиль для текущей даты?