react中的条件函数

Question

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

这里有我的媒体查询

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

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

<div onClick={handleClick}>

欢呼

Answer 1

因为用户可以随时调整他们的窗口大小，所以在click处理程序中运行检查:

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