Добавьте общий стиль внутри реактивного компонента

Question

Как я могу добавить общие стили к моей странице внутри одного из моих компонентов. Например, я, когда мои компоненты загружаются, я хочу добавить такой стиль для всей страницы:

*{
 direction:rtl;
}

и когда компонент размонтируется, я хочу удалить стиль. Я использую модули CSS для стиля.

Answer 1

Мы можем сделать это, используя стиль jsx:

<style jsx="true">
              {`
                * {
                   direction:rtl;
                  }
             `}
</style>