react事件绑定不成功

初学者，请见谅。。。

var NotesList = React.createClass({
    render: function() {
        return (
            <ul onClick={this.hanldeClick}>{this.props.children}</ul>
        );
    },
    
    handleClick:function(event){
        console.log(1);
    }
});

React.render(
    <NotesList>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </NotesList>,
    document.getElementById('content')
);

想要的效果是，点击ul，就console.log(1)，不知道是不是我哪里写错了，点击没反应。

---

没有传递给子组件children属性 this.props.children 这句话应该会报错

---

这样试试看~~

var NotesList = React.createClass({
    render: function() {
        return (
            <ul onClick={this.hanldeClick}>
              <li>1</li>
              <li>2</li>
              <li>3</li>
            </ul>
        );
    },
    
    handleClick:function(event){
        console.log(1);
    }
});

React.render(
    <NotesList />,
    document.getElementById('content')
);