Onclick 函数未触发

Question

我正在尝试使用 React 显示按钮列表 (PageLink)。单击任何按钮时将调用函数(handleClick)。我将此函数作为来自父组件 (Pagination) 的回调传递。但是函数没有被调用。这是我的代码：

var PageLink = React.createClass({
    render: function() {
        return (
            <li>
                <button onclick={this.props.onPageClick}>{this.props.pageNumber}</button>
            </li>
        );
    }
});

var Pagination = React.createClass({
    render: function() {
        var pageLinks = [];
        for (var i = 1; i <= this.props.totalPages; i++) {
            pageLinks.push(<PageLink pageNumber={i} onPageClick={this.handleClick} key={i} />);
        }

        return (
            <nav>
                <ul className="pagination">
                    {pageLinks}
                </ul>
            </nav>
        );
    },

    handleClick: function() {
        alert('hello');
    }
});

Answer 1

事件处理程序需要采用驼峰式大小写。 onclick 应该是 onClick。

Onclick 函数未触发

Onclick function not firing

javascript

reactjs