#javascript #html #css #reactjs
#javascript #HTML #css #reactjs
Вопрос:
У меня есть несколько кнопок с их стилем CSS. Когда начинается анимация, я хотел бы изменить их стиль на время анимации.
Такие вещи, как изменение цвета, изменение указателя, изменение наведения; чтобы они выглядели «отключенными» в основном.
У меня есть глобальная переменная, которая имеет значение «true» во время выполнения анимации и становится «false», когда анимация не выполняется.
Для достижения этой цели я перепробовал много вещей, но ни одна из них не работала, я пытался:
-
изменение имени класса на основе значения var и создание двух разных стилей CSS -> не сработало, потому что оно не обновлялось с изменением var
-
изменение стиля в REACT внутри функции при вызове анимации и изменение его обратно, когда оно закончится. Использование:
document.getElementById("firstOne").style =
Второй вариант — единственный, который действительно хорошо работал. Проблема, я не могу отредактировать наведение курсора туда, где оно было раньше.
Вопрос:
Есть ли способ изменить наведение из React? Что-то вроде: document.getElementById("firstOne").style = ;
Если нет, есть ли способ просто сказать «с этого момента просто следуйте стилю, написанному в файле CSS»?. Для того, чтобы вернуть стиль к предыдущему.
Если нет, есть другие идеи о том, как достичь моей цели?
Спасибо
Комментарии:
1. Поделитесь соответствующим кодом, чтобы другие могли вам помочь.
2. попробуйте сохранить глобальную переменную в состоянии. Таким образом, всякий раз, когда вы обновляете значение этой переменной, компонент будет повторно отображаться, и стили, которые вы применяете к кнопкам, также будут изменены
3. Спасибо, что сработало!