尝试使用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";

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;
}