Javascript 样式根脚本的背景色

有人知道如何在React中设置根的样式吗？我知道可以通过执行以下命令在JQuery中完成：

$(":root").css("background-color", "yellow");

---

下面是一个例子，App是我的根元素

import './App.css';
class App extends Component {

  render() {
    const backStyle = style({
      background: 'black'
    })
    return (
      <div className={backStyle}>
      ...
      </div>
    );
  }
}

export default App;

import'/App.css'；
类应用程序扩展组件{
render（）{
常量backStyle=样式({
背景：“黑色”
})
返回(
...
);
}
}
导出默认应用程序；

您可以在App.css中定义css属性，如背景色。 有很多方法可以做到这一点

return (
  <div style={{background: black}}>
  ...
  </div>
);

返回(
...
);

定义根的样式非常相似

import './index.css';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

import./index.css'；
从“./App”导入应用程序；
ReactDOM.render（，document.getElementById（'root'））；

你可以做一件事。在index.html中，可以使用样式标记设置根div的样式。

---

它会做你想做的事。由于所有组件都加载在根包装器中，因此它将类似于一个全局样式。

为什么不直接设置根组件的样式，而不是根装入点？实际上，我希望在

index.js

中以Javascript内联方式定义样式。我目前正在为导入的

.css

文件中的根设置样式。原因是，当我将我的应用程序保存在iPhone上作为“保存到主屏幕”应用程序，然后打开应用程序时，在应用程序显示之前会出现一个初始的白色屏幕。我试图确保初始发布的背景颜色为黑色。我对答案进行了更改。我实际上正在尝试定义核心根<代码>ReactDOM.render（，document.getElementById（'root'）我已更改我的答案。@GuyLepage