时间戳

首页 > 解决方案 > 根 React Javascript 的样式背景颜色

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

问题描述

有谁知道如何在 React 中设置根的样式？我知道可以通过执行以下操作在 JQuery 中完成；

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

标签： javascriptcssreactjsstyles

解决方案

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

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

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

export default App;

您可以在 App.css 中定义诸如 background-color 之类的 css 属性。有很多方法可以做到这一点。

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

定义根的样式很相似。即

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

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

推荐阅读