react实现点击某个元素之外自动隐藏此元素

Posted rushAvenda

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react实现点击某个元素之外自动隐藏此元素相关的知识,希望对你有一定的参考价值。

是在redux-saga和react-redux环境下

步骤一: 给document绑定事件

步骤二: 构建hide函数

 

 

步骤三: 给元素内子元素点时不需要隐藏它的方法加上阻止事件冒泡事件, 这样就不会冒泡到顶层的document

   e.nativeEvent.stopImmediatePropagation();

 

以上是关于react实现点击某个元素之外自动隐藏此元素的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现的点击页面其他地方隐藏显示的元素

阻止某个事件的起泡

怎么用jQuery实现点击按钮后删除某个元素?

react中控制元素的显示与隐藏

点击div和某些控件之外的地方隐藏div,点击div不隐藏。对象 click和document click冲突有关问题

在 React 中显示或隐藏元素