在移动视图中删除 ReactJs 功能

Question

假设我有一个具有两个功能的组件，这些功能在应用程序启动时运行。如果我将应用程序切换到响应式宽度并且该宽度是可移动的，我只希望运行一个功能而必须删除第二个功能。

有没有人可以提供帮助？

Answer 1

只需获取窗口宽度并设置if 语句。

const width = window.innerWidth

if (width === 400) {
  runFunction()
}

或者

const width = window.innerWidth

const runFunction = () => {
  if (width === 400) {
    // ...function logic
    return
  }
   
  return
}