Как применить стили, описанные в строке, из функции в реакции?

Я использую пакет, который предоставляет мне виджет календаря. (rc-календарь)

У меня нет доступа к датам, за исключением того, что каждая ячейка в таблице имеет заголовок (например: 12 февраля 2019 г.)

В определенные дни мне нужно настроить стили. Поэтому я пришел к такому решению

.rc-calendar-tbody td [title * = "2019"]> div: after {
    content: "·";
    display: none;
    color: $ color-main-yellow;
    position: absolute;
    bottom: 0;
    font-size: 30px;
    top: 10px;
    left: calc (50% + -5px);
}

Отлично, теперь осталось выяснить, какие именно дни нужно настроить.

У меня есть доступ ко всем календарным дням и моему массиву unix

И вот к чему я пришел

showDaysWithEvent = (date) => {
   let day = moment (date) .format ('D');
   let month = moment (date) .format ('MMMM');
   let dot = `.rc-calendar-tbody td [title *  = "${day}. ${month} "]> div: after {display: block}`;

   if (moment (date) .unix () === 1548608654) {
      console.info (dot);
   }
};

Как применить эти стили, чтобы они мгновенно отображались в календаре?

Что делать с - пусть точка?

react-calendar обеспечивает настраиваемый стиль, но вам нужно импортировать его по-другому: import Calendar from 'react-calendar/dist/entry.nostyle';

Vladyslav Tereshyn 20.01.2019 21:14

Прошу прощения - вместо этого rc-календарь

ZPPP 20.01.2019 21:24
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
77
0

Другие вопросы по теме