Распознавание выбора пользователя по выравниванию текста и управление отображением выравнивания текста в текстовой области (или текстовом поле) в ReactJS

Я создал приложение, которое отображает много текстовых областей. Я лично использую приложение с двумя языками — английским и другим языком, который выровнен по правому краю. По умолчанию текстовые области выравниваются по левому краю. Если я хочу изменить и выровнять их по правому краю, я могу просто нажать правый CTR+Shift. Приложение построено в React, и при повторном рендеринге экрана оно снова выравнивается по левому краю. Я хочу каким-то образом контролировать выравнивание — распознавать, выбирает ли пользователь выравнивание определенным образом, и сохранять его в состоянии. Как узнать, как пользователь выбирает выравнивание текста или нажимает ли он вправо или влево CTR+Shift? И как изменить текстовую область, чтобы контролировать выравнивание?