如何使用Reactjs将按钮添加到每个列表视图项？
如何使用Reactjs将按钮添加到每个列表视图项？
提问于 2015-05-13 22:26:33
我在每个组旁边添加了一个加入按钮，如下所示：
var publicGroupItems = publicGroups.map(group =>
<ListItem key={group._id} global href={'/groups/' + group._id} image={group.imageUrl} title={group.name} ><button type="button" onClick={this.joinGroup(group._id)}>joinGroup</button></ListItem>)当我单击该按钮时，它会遍历每个组ids，并将当前用户添加到所有组中。
如何才能使用户仅添加到我单击join的特定组中？
回答 1
Stack Overflow用户
发布于 2015-05-13 23:01:22
这里的问题是你的onClick
onClick={this.joinGroup(group._id)}由于您将this.joinGroup(group._id)作为函数调用，因此在按钮被单击之前，它将为每个组调用一次。
你需要引用你的函数，而不是调用它：
onClick={this.joinGroup.bind(this, group._id)}这将在按钮被单击时触发joinGroup。第一个参数是group._id的值，第二个参数是SyntheticEvent。
joinGroup: function(groupId, event) {
//Join The Group
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30217793
复制相关文章
相似问题
腾讯云开发者
