[英]HandleClick using React JS not Working with bind
這是我的反應代碼
handleRemoveClick = material => {
let idMaterial = material.material_id;
if(this.state.operation === 0){
this.setState( { previewShowAlertRemoveProduct : true })
}
this.setState( { operation : 1, material_id : idMaterial})
}
handleEndOrder(){
if(this.state.operation === 0){
this.setState( { previewShowAlertRemoveProduct : true })
}
this.setState( { operation : 2})
}
這是用於渲染視圖:
<button class="btn btn-xs btn-danger pull-right" onClick={e => this.handleRemoveClick(material)}>x</button>
如何解決呢? onClick它根本不起作用我在構造函數中綁定了handleEndOrder
既然你沒有指定按鈕類型,默認情況下submit
,你需要或者指定type="button"
或使用e.preventDefault()
一樣
<button class="btn btn-xs btn-danger pull-right" type="button" onClick={e => this.handleRemoveClick(material)}>x</button>
要么
handleRemoveClick = (e, material) => {
e.preventDefault();
let idMaterial = material.material_id;
if(this.state.operation === 0){
this.setState( { previewShowAlertRemoveProduct : true })
}
this.setState( { operation : 1, material_id : idMaterial})
}
<button class="btn btn-xs btn-danger pull-right" onClick={e => this.handleRemoveClick(e, material)}>x</button>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.