Question

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

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

Answer 1

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

$pastScheduledMaintenance = Schedule::with('updates')->pastSchedules()->orderBy('scheduled_at', 'desc')->get();

您可以在App.css中定义css属性，例如background-color。并且有很多方法可以做到这一点。

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

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

export default App;

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

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

Answer 2

您可以做一件事。在index.html中，您可以使用样式标签为root div设置样式。它会做您想做的事情。由于所有组件均已加载到根包装中，因此它将像全局样式一样。

根React Javascript的样式背景颜色

2 个答案: