Javascript 情绪改变身体的样式

我正在制作一个模态，我想更改dom主体上的css

我看到了两种方法，有情感的和没有情感的，这是我在整个项目中使用的

我想知道我是否遗漏了一些明显的东西，如果没有，每种方法的性能/可取性如何

我是否应该跳出EmotionJs和ReactJs，只获取html元素并以这种方式修改它们的css

或者我应该创建一个

，其中包含应用于

html

和

body

的所有样式，然后通过提供者将该（myGlobalStyle）对象提供给所有需要更改它们的人

我目前的做法是拥有一个

全局

对象，并在提供者中传递其setter

<Global styles={globalStyle} />
  <GlobalStyle.Provider value={{ setGlobalStyle }}>
   ...

...