无法使onClick在ReactJS中工作

Question

我在reactJS应用程序中使用PrimeReact。

onClick不会在调用this.onEdit的“编辑”按钮上触发 我也将此绑定在构造函数中

{{1}}

用户界面：-

更新：-

如果我将按钮直接放在render（）内，它将起作用。 但是由于这是为每一行生成的动态按钮，并且代码在外部，因此似乎无法正常工作。不确定如何处理。

Answer 1

您必须在构造函数中绑定actionTemplate方法：

this是指document，这就是失败的原因。

constructor() {
        super();
        this.pricingParameterService = new PricingParameterService();
        this.onEdit = this.onEdit.bind(this);

        // bind here like this below
        this.actionTemplate  = this.actionTemplate.bind(this)
        ....
    }