react native怎么实现防重复点击

Question

react native怎么实现防重复点击

Answer 1

原因：重复点击是有冒泡事件导致的。解决：12345<div&nbsp;onClickCapture={this.handleClickViaCapturing}>&nbsp;&nbsp;<button&nbsp;onClick={this.handleClick}>&nbsp;&nbsp;&nbsp;&nbsp;Click&nbsp;me,&nbsp;and&nbsp;my&nbsp;parent's&nbsp;`onClickCapture`&nbsp;will&nbsp;fire&nbsp;*first*!&nbsp;&nbsp;</button></div>当点击handleClickViaCapturing事件触发时，会自动调用stopPropagation，handleClick不会执行。只要就是&nbsp;onClickCapture capture函数的功能，阻止冒泡事件。&nbsp;

Answer 2

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