反应中的条件函数

Question

只是想有条件地在 react 中添加一个函数，我在 JS 中完全搞定了，但是 react 有点不同，

我的媒体查询在这里

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

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

<div onClick={handleClick}>

干杯

Answer 1

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

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