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函数没有触发

1 个答案: