如何在反应中使用按钮切换网页的视口

Question

Im trying to make my website change view from mobile to desktop view using a button in javascript

const handleClick = () => {

      const viewport = document.querySelector("meta[name=viewport]")
      viewport.setAttribute(
         "content",
         "width=200px, initial-scale=1.0, maximum-scale=2.0, user-scalable=0",
      )
}

I am using this code and it changes the viewport in html when I inspect using chrome but the screen is not changing

Answer 1

我想，你不能像我们在 html 中那样直接在 react js 中使用 document.queryselector，而是必须使用 useRef 和 ref 来访问 DOM 元素。