在 React 组件中添加通用样式

Question

如何在我的一个组件内向我的页面添加通用样式。例如，当我的组件加载时，我想为整个页面添加这样的样式：

*{
 direction:rtl;
}

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

Answer 1

我们可以使用 jsx 样式来实现：

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

Add a general style inside a react component