尝试使用 React.DOM 设置 body 样式

小能豆

尝试使用 React.DOM 设置 body 样式

javascript

如何使用 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";

阅读 47

2024-06-08

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

2024-06-08