IT技术 - React 按钮中的无限循环 - 吾爱随笔录

这个简单的 React 按钮类在点击时触发无限循环（即，将“click!”记录到控制台 100 次）：

///////////////////////////////////////////////////////////////////////////////////////////
// TestButton.js

exports.TestButton = React.createClass({

    onClick: function(event) {
        event.preventDefault();
        event.stopPropagation();
        console.log('Click!')
    },

    render() {
        return (
            <div>
                <button type="button" onClick={this.onClick}>Click me!</button>
            </div>
        )
    }
});


///////////////////////////////////////////////////////////////////////////////////////////
// main.js

var TestButton = require('./TestButton.js').TestButton;

ReactDOM.render(
    <div>
        <TestButton/>
    </div>,
  document.getElementById('main')
);

无限循环不是每次都触发，而是大约每 10 次我加载页面并单击按钮（以不可重复的方式）。它独立于我使用的浏览器。

这是从哪里来的任何想法？

我知道这在 JS 小提琴中是不可重复的。问题是“我应该从哪里开始查看我的设置以了解这种情况的来源？浏览器？导入脚本？react本身？