我一直在网上寻找答案,但没有成功。我试图将一个简单的react点击处理程序添加到我的按钮上,但似乎无法使其工作。这可能是非常简单的事情,我只是无法理解它。
这是我的代码:
export default class ReviewBox extends Component {
deleteReview() {
console.log("hey");
}
render() {
const {reviews, date, lectureId} = this.props;
const that = this;
return (
<div className="container content-sm">
<div className="headline"><h2>Reviews</h2> <span>{date}</span></div>
<div className="row margin-bottom-20">
{reviews.map(review => {
return(
<div className="col-md-3 col-sm-6">
<div className="thumbnails thumbnail-style thumbnail-kenburn">
<div className="caption">
<h3>{review.comment}</h3> <br />
<button className="btn btn-danger" onClick={this.deleteReview()}>Delete</button>
</div>
</div>
</div>
)
})}
</div>
<hr />
<AddReview lectureId={lectureId} />
</div>
)
}
}
当我点击按钮时,它不执行函数。我已经尝试使用.bind(this)和onClick={() => this.deleteReview}等方法。
非常感谢您的帮助!
onClick={ this.deleteReview }
作为参考传递给onClick
- 删除函数名后面的括号。 - Oleksandr T.