javascript - React Javascript 根的样式背景颜色

Question

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

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

Answer 1

这是一个示例，App 是我的根元素。

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

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

export default App;

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

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

定义根的样式非常相似，即

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

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