Реагировать на обновление существующего класса CSS

Question

У меня есть библиотека, включенная в мой проект с React.Эта библиотека имеет пользовательские элементы и пользовательские классы CSS (я не отображаю элементы).Тем не менее, я хочу изменить их внешний вид в React.По сути, я хочу динамически изменить свойства класса CSS, используемые библиотекой.

i-bottom-right {
    bottom: 0;
    right: 0; => change that to right: 500px;
}

Возможно ли это?

Answer 1

Если у кого-то возникла такая же проблема, я нашел уродливый обходной путь, создав дополнительный класс (такой же, как в библиотеке, изменил только одну подпорку), а затем используя vanilla js document.getElementById("useTheId").className = 'the new class name';.Любой, у кого есть более чистое решение, будет рад это услышать.

Answer 2

1. Вы должны инициализировать класс по умолчанию, который предоставляется библиотеке в State. как,

   Конструктор (реквизит) { супер (реквизит); this.state = {classupdate: 'libraryClass'} }

2. В вашем событии onClick вы обновили свой собственный класс с помощью setState,

   showHideClick = (event, rowIndex) => { this.setState ({'classupdate': 'yourOwnClass'}) }

3. Используйте состояние в вашем соответствующем Div или вашем элементе,

4. Добавьте свой собственный стиль в yourOwnClass