Реагировать обновить существующий класс css
У меня есть библиотека, включенная в мой проект с React. В этой библиотеке есть пользовательские элементы и пользовательские классы CSS (я не визуализирую элементы). Однако я хочу изменить их внешний вид в React. По сути, я хочу динамически изменять свойства класса CSS, используемые библиотекой.
i-bottom-right {
bottom: 0;
right: 0; => change that to right: 500px;
}
Это возможно?
Вы можете добавить свой собственный css с теми же именами классов, и он переопределит библиотечный css, так как в большинстве случаев библиотеки js и css находятся вверху, а наш собственный css — внизу, но есть исключения. Просто попробуйте изменить их и посмотрите.
Дело в том, что я хочу сделать это динамически. Если пользователь нажимает кнопку, CSS перезаписывается, иначе нет.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Вы должны инициализировать класс по умолчанию, которому предоставляется библиотека в состоянии. подобно,
конструктор (реквизит) { супер (реквизит); this.state = { classupdate:'libraryClass'} }
В вашем событии onClick вы обновили свой собственный класс через setState,
showHideClick = (событие, rowIndex) => { this.setState({'classupdate': 'yourOwnClass'}) }
Используйте состояние в вашем соответствующем Div или вашем элементе,
Добавьте свой собственный стиль в yourOwnClass
Если у кого-то есть такая же проблема, я нашел уродливый обходной путь, создав дополнительный класс (так же, как и в библиотеке, только одна опора изменилась), а затем используя vanilla js document.getElementById("useTheId").className = 'the new class name';. Любой, у кого есть более чистое решение, будет рад его услышать.
Можете ли вы добавить библиотеку, которую вы используете?