javascript - 尝试使用 React.DOM 设置正文样式

Question

如何使用 React.DOM 更改 HTML body 的样式？

我试过这段代码，但它不起作用:

var MyView = React.createClass({
  render: function() {
    return (
      <div>
        React.DOM.body.style.backgroundColor = "green";
        Stuff goes here.
      </div>
    );
  }
});

如果你从浏览器控制台执行它，它会工作(但我需要它在 ReactJS 代码中工作):document.body.style.backgroundColor = "green";

另请参阅此问题以获取类似但不同的解决方案: Change page background color with each route using ReactJS and React Router?

Answer 1

假设您的 body 标签不是另一个 React 组件的一部分，只需像往常一样更改它:

document.body.style.backgroundColor = "green";
//elsewhere..
return (
  <div>
    Stuff goes here.
  </div>
);

建议放在componentWillMount方法中，在componentWillUnmount方法中取消:

componentWillMount: function(){
    document.body.style.backgroundColor = "green";
}

componentWillUnmount: function(){
    document.body.style.backgroundColor = null;
}