React onClick稍后发送垃圾邮件队列并触发？

除非我做错了什么，否则看起来onClick方法在垃圾邮件点击按钮后触发多次。就像它排队并以某种方式消除。React onClick稍后发送垃圾邮件队列并触发？

import React from 'react'; 
import { render } from 'react-dom'; 

class Button extends React.Component { 
    onClick = (e) => { 
    console.log('click'); 
    } 

    render() { 
    return (
     <button onClick={this.onClick}>Click me fast</button> 
    ); 
    } 
} 

render(<Button />, document.getElementById('app'));

当我点击按钮时间真的很快，我在日志中得到这个输出。第二批事件（11次点击）大约在最初的一组之后1秒。

这是故意从反应/ JSX，错误还是我做错了什么？

感谢任何指针！

更新只有当我使用BrowserSync

来源

2017-05-05 Alexander

哪个浏览器？ –

可能是在这里吹牛奶，但也许事件队列中的某条消息是在您点击一次按钮之间注入的，并且处理该消息需要足够的时间，以致下列点击被集中在一个单独的组中。 –

对我来说似乎很好 - https://codesandbox.io/s/3Z8VVYnA –

我遇到的问题是更依赖于BrowserSync比阵营出现此问题。要解决该问题，只需在BrowserSyncs用户界面视图的“同步选项”设置中停用“跨设备镜像点击”。

来源

2017-05-08 06:19:14 Alexander

React onClick稍后发送垃圾邮件队列并触发？

回答

相关问题