react native怎么实现防重复点击

Question

react native怎么实现防重复点击

Answer 1

原因：重复点击是有冒泡事件导致的。

解决：

1 2 3 4 5

<div onClickCapture={this.handleClickViaCapturing}>   <button onClick={this.handleClick}>     Click me, and my parent's `onClickCapture` will fire *first*!   </button> </div>

当点击handleClickViaCapturing事件触发时，会自动调用stopPropagation，handleClick不会执行。

只要就是 onClickCapture capture函数的功能，阻止冒泡事件。

 

Answer 2

重复点击是有冒泡事件导致的。 解决： Click me, and my parent's `onClickCapture` will fire *first*! 当点击handleClickViaCapturing事件触发时，会自动调用stopPropagation，handleClick不会执行。