Question

我的tsx中有以下手风琴：

<div id="accordion">
    <div className="card">
        <div className="card-header" id="headingOne">
            <h5 className="mb-0" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    Title
                <button onClick={this.onButtonClick} type="button" className="btn btn-primary">Testing</button>
            </h5>
        </div>

        <div id="collapseOne" className="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
            <div className="card-body">
                Content
            </div>
        </div>
    </div>
</div>

我试图阻止Testing按钮折叠手风琴。在阅读了一下这个问题后，我遇到了stopPropagation()方法，我尝试在onClick函数中实现：

onButtonClick = (e: any) => {
   e.stopPropagation();
}

然而，这不起作用。知道如何解决这个问题吗？

Answer 1

不确定这是否可行，但您是否尝试在HTML上明确传递事件，例如onClick={this.onButtonClick(event)}？如果您提供了JSFiddle，我们可以在建议之前尝试一下。：）

您也可以尝试this answer，因为显然React事件不是实际的本机事件，而是合成事件而是（reference here）。< / p>

stopPropagation在Bootstrap手风琴（ReactJS）中不起作用

1 个答案: