Javascript React.js onClick不工作

我是一个新的反应者，一直在玩弄它，我不知道如何点击

编辑我认为值得一提的是，由于lynda.com课程以及我无法使用任何其他版本，我使用的是react 0.13.3制作版和babel 5.8.29

我有这个密码

    var Test = React.createClass({

        alert: function() {
            alert('HI');
        },

        render: function(){
            return ( 
                <div onClick={this.alert} id='test' className={this.props.id}>
                <span>{this.props.title}</span>
                <p>{this.props.desc}</p>
                </div>

                )
        }
    });
    React.render(<div>
                <Test title='Blog' desc='This is my blog' id='one'/>
                <Test title='Portfolio' desc='Check out my work!'id='two'/>
                <Test title='Fun and Games' desc='Games'id='three' />
                </div>, document.getElementById('test'));

---

不要开枪。。。为什么？

你做了什么来调试这个问题？JSFIDLE，Chrome控制台添加了一些随机调试的东西。我弄不明白，没有错误或其他什么。这是我的精简版我知道问题出在哪里了（它没有启动onclick函数）我只是不明白为什么它不工作我只是把你的代码粘贴在一个小提琴上，它工作得很好，React.render不推荐使用，但是，你应该使用ReactDOM.render，fiddle:it不在chrome上工作lol？或者让我看看我是否还有jsfiddlethis.alert是一个保留的窗口函数。试着给它起个这样的名字

                    <div onClick={this.alert} id='test' className={this.props.id}>

alert: function() {
            alert('HI');
        },