[英]Create a modal popUp for each object using react
我有一张卡片列表,每张卡片都有一个按钮。
单击该按钮时,应显示带有一些信息的模态弹出窗口,但我无法为每个条目创建模态,因为数据目标始终相同。
我试图通过将“#”与对象名称连接起来来更改我的模态上的数据目标,但它不起作用。
这是代码:
{this.state.groups.map((groups) => {
return (
<button type="button" className="btn btn-primary" data-toggle="modal" data-target="#' + groups.name + '" >
{groups.name}
</button>
<div className="modal fade" id={groups.name} tabIndex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" />
)})}
而不是这个data-target="#' + groups.name + '"
也许你可以试试这个
data-target={`#${groups.name}`}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.