React.js onClick无法正常工作

Question

我是新手做出反应并正在玩弄它，我无法弄清楚如何进行点击。

编辑我认为值得一提的是，由于lynda.com课程，因为我无法使用任何其他版本，我使用的是反应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'));

但是当我点击这里的div时

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

没有任何反应

此

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

不解雇......为什么？