反应中的条件函数

问题描述

只是尝试在react中有条件地添加一个函数，我完全在JS中得到了它，但是react有点不同，

我在这里有我的媒体查询

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

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

<div onClick={handleClick}>

干杯

解决方法

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

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