Javascript 反应-浏览器收缩时禁用功能

例如，当浏览器窗口缩小到600px以下时，我试图禁用onMouseEnter/onMouseLeave事件侦听器。我的问题与一个类似的查询有关。但是，我从未使用过jquery，所以我想知道是否有一种方法可以在React中实现同样的功能而不使用jquery

这是我正在制作的样品

---

如果有任何建议，我将不胜感激。谢谢你

我刚刚在你的项目上试用过，效果不错

将handleMyPhoto方法替换为以下方法：

handleMyPhoto = () => {
    const showPhoto = window.innerWidth < 600 ? false : !this.state.showPhoto;
    this.setState({ showPhoto  });
};

handleMyPhoto=（）=>{
const showPhoto=window.innerWidth<600？false:！this.state.showPhoto；
this.setState（{showPhoto}）；
};

这基本上检查窗口宽度是否小于600px，然后将showPhoto状态设置为false，否则将恢复现有状态为正常