А может word обернуть в span и этому спан прописать animation . Ну и при наведении менять не только текст а полностью вместе со span тогда он будет появляться по идее каждый раз с анимацией которую пропишешь ему в animation
Я нашёл библиотеку для реакта. Вообще их много , но типа популярная react transition. Но мне твоя идея понравилась. Только я не понял. Спан засунуть в стэйт? Так нельзя по моему. А так если просто в самой разметке jsx обернуть в спан, то это тоже самое как и в диве оно находится. Т.е. ничего не меняется, а только значение переменной и всё