React设置宽度的坑

时间:2024-11-01 12:34:20

React设置宽度的坑

  我们知道通过ref可以获取DOM元素,通过style属性可以给此DOM元素添加样式。

  但下面两行的赋值是无效的:

this.HomeRootDiv.style.width=window.screen.width
this.HomeRootDiv.style.height=window.screen.height

  因为style中的width、height是有单位的,必须加上px才是有效的赋值。所以要改成下面这样

this.HomeRootDiv.style.width=`${window.screen.width}px`
this.HomeRootDiv.style.height=`${window.screen.height}px`