反应中的条件函数

Question

只是想在 React 中有条件地添加一个函数，我在 JS 中完全理解它，但 React 有点不同，

这里有我的媒体查询

let query = window.matchMedia("(max-width: 768px)")

所以我只想在媒体匹配时允许 onClick 运行

<div onClick={handleClick}>

干杯

Answer 1

由于用户可以随时调整 window 的大小，运行 点击处理程序中的检查：

const handleClick = () => {
  if (!window.matchMedia("(max-width: 768px)").matches) {
    return;
  }
  // rest of the code
};