阵营：无法读取document.body.style.marginRight

Question

我无法读取体的边缘，右CSS属性。这似乎失败初始渲染，但它似乎几次，当我手动设置保证金的工作权利。我希望它有一些组件时渲染时的事情。试图useEffect和useLayoutEffect没有成功。

有关CSS：

body {
    margin-right: 10px;
}

简单的创建 - 反应 - 应用：

function App() {
  const [marginRight, setmarginRight] = useState(
    document.body.style.marginRight
  );

  return (
    <div className="App">
      <p>BODY Right margin is: {marginRight}</p>
    </div>
  );
}

Answer 1

HTMLelement.style只返回内嵌样式。为了从你的CSS文件访问的风格，你应该使用：

window.getComputedStyle(document.body).marginRight