const animation = useSpring({
backgroundColor: hasBeenClicked ? 'green' : 'white',
color: hasBeenClicked ? 'white' : '#7D7D7D',
});
При использовании простого useSpring похоже, что для них требуется значение from и значение to. Это требует, чтобы JS определял начальный стиль, что не имеет смысла для меня. Разработчик должен убедиться, что это точно соответствует тому, что уже находится в CSS для элемента (в моем случае это пользовательский компонент кнопки из импортированной библиотеки), и еще хуже, если этот стиль будет изменен в CSS в другом месте, тогда CSS, определяемый как from при использовании useSpring, всегда будет переопределять его, что является своего рода кошмаром по обслуживанию.
Как решить эту проблему, не указывая значение from каждый раз (а затем нужно помнить, чтобы обновить это, если эти стили изменятся в другом месте?