点击 React 组件以外的其他地方执行相应操作的两种方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击 React 组件以外的其他地方执行相应操作的两种方法相关的知识,希望对你有一定的参考价值。

参考技术A 比如说是有个按钮 <button/> ,点击这个按钮会出现下拉框 <Select /> ,想点击除了下拉框其他的地方能关闭下拉框。

这里要特别注意, <button/> 和 <Select /> 的区域也是在 document 里的,但是如果点击就隐藏下拉框这不是我们想要的结果,所以还需要在监听方法回调里做判断。

以上是关于点击 React 组件以外的其他地方执行相应操作的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

点击除元素以外的任意地方隐藏元素js

点击除元素以外的任意地方隐藏元素js

react表单

实现点击Form区域内除ListBox以外的其他地方,实现ListBox的隐藏,包括UserControl范围内,也包括UserControl之外Form之内

采用react-router,当点击页面跳转时,怎样相应的改变header值

react组件生命周期