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稍後發送垃圾郵件隊列並觸發？

回答

相關問題