onclick功能无法使用车把js

Question

我使用把手js 行模板与 react js 但不知何故onClick函数无法使用该行模板。 以下是代码段：

// React Class
class Demo extends Component {
    constructor(props) {
        super(props);
        this.showList = this
            .showList
            .bind(this);
    };

    // Showlist function
    showDocumentList() {
        console.log("Show Doc list function called");
    };

    createHandleTemplate(e) {
        return Handlebars.compile("<div><button primary={true} data-automation-id = 'test' class = \" document - bu" +
            "tton primary - btn - height document - btn - \" title = 'Show list' onClick = \"" +
            " () => this.showList()\" > <span class=\"document-button-label\">Show List</span" +
            "> < /button></div > ");
    };

    render() {
        return ( <
            div className = "container" >
            <
            div dangerouslySetInnerHTML = {
                {
                    __html: this.createHandleTemplate(this)
                }
            } > < /div> < /
            div >
        );
    }
};

请指导我解决此问题。 在此先感谢。