作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个按钮来从视频标题列表中删除视频,一旦页面呈现,列表中的所有视频都会被删除。我尝试创建回调 handleSubmit,但它做同样的事情。有什么建议吗?
handleDelete(videoId) {
this.props.deleteVideo(videoId);
}
render() {
const userVideos = this.props.videos.filter(video => video.owner_id == this.props.currentUser.id)
const videoList = userVideos.map(video => {
return (
<ul key={video.id} className="user-ul">
<div className="user-list-item">
<h2 className="user-title">{video.video_title}</h2>
<h2 className="user-description">{video.video_description}</h2>
<h2 className="user-upload-date">uploaded {this.dateCreated(video.created_at)}</h2>
</div>
<button>Edit video</button>
<button className="delete-video" onClick={this.handleDelete(video.id)}>Delete Video</button>
</ul>
)
})
return (
<div className="user-container">
<h1 id="user-initial">{this.props.currentUser.username[0]}</h1>
<ul className="user-ul">
{videoList}
</ul>
<div className="user-footer">
<h2 className="home-footer-1">@2020</h2>
<h2 className="home-footer-2">
Made with
<svg viewBox="0 0 20 20" className="_3Weix"><path d="M10 18a1.23 1.23 0 01-.8-.4 14.25 14.25 0 00-4.4-3.7C2.5 12.3 0 10.7 0 7.5a5.52 5.52 0 011.6-3.9A5.73 5.73 0 016 2a5.25 5.25 0 014 1.9A5.85 5.85 0 0114 2c2.9 0 6 2.2 6 5.5s-2.5 4.8-4.8 6.4a15.51 15.51 0 00-4.4 3.7 1.23 1.23 0 01-.8.4z" fill="rgb(255,0,0)"></path></svg>
NYC
</h2>
</div>
</div>
)
}
最佳答案
请尝试以下操作
onClick={() => this.handleDelete(video.id)}
这只会在点击事件发生时调用 handleDelete 方法。
关于javascript - onClick 删除按钮无需点击即可删除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62683467/
这实际上是我问的问题的一部分here ,该问题没有得到答复,最终被标记为重复。 问题:我只需使用 @Autowired 注释即可使用 JavaMailSender。我没有通过任何配置类公开它。 @Co
我是一名优秀的程序员,十分优秀!