在react组件内添加常规样式

Question

如何在我的组件之一内向页面添加常规样式。例如，当我加载组件时，我想在整个页面中添加这样的样式：

*{
 direction:rtl;
}

，并且在卸载组件时，我希望删除样式。我正在使用CSS模块进行样式设置。

Answer 1

我们可以使用jsx样式：

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