reactjs - 如何更改正文的背景颜色？

Question

我正在使用 React.js，想要更改整个页面的背景颜色。我不知道该怎么做。请帮忙，谢谢。

编辑(2018 年 9 月 2 日):我在 GitHub 上有一个项目，我正在链接 here 。我现在没有这个项目在线，但是在 /client 文件夹中是客户端服务器。一探究竟。我就是这样回答这个问题的。

Answer 1

最简单的解决方案有点 hacky，但您可以使用原始 JavaScript 来修改正文样式:

document.body.style = 'background: red;';
// Or with CSS
document.body.classList.add('background-red');

更干净的解决方案可能是使用像 react-helmet 这样的主管经理或next.js Head component .

import React from 'react';
import {Helmet} from 'react-helmet';

class Application extends React.Component {
  render () {
    return (
        <div className="application">
            <Helmet>
                <style>{'body { background-color: red; }'}</style>
            </Helmet>
            ...
        </div>
    );
  }
};

一些 css-in-js 还提供了管理全局级别样式的工具；像styled-components injectGlobal .

最后，有很多工具提供了更简洁的方法来处理这个问题。但是，如果您不想依赖第三方，如果您不使其交互性太强，原始 JS 选项可能就足够了。