我有一个使用模板文字的html模板。该函数如下所示
// postCreator.js
export const blogPostMaker = ({ title, content, address, id }, deletePost) => {
const innerHtml = `
<blog-post>
<h1 class='title'>${title}</h1>
<p class='content'>${content}</p>
<p class='address'>${address}</p>
<button onclick='${() => deletePost(id)}'>Delete</button>
</blog-post>
`
return innerHtml
}
//Blog.js
postHelper.getSeriesOfPosts(10)
.then(resp => {
resp.forEach(post => (blogDiv.innerHTML += blogPostMaker(post, postHelper.deletePost)))
})
我不明白的是如何让onclick正常工作。我也尝试过将Blog.js
中的一个无名函数传递给postCreator
,但没有成功。
有什么想法吗?
https://stackoverflow.com/questions/43298962
复制相似问题