Создайте модальное всплывающее окно для каждого объекта, используя реагировать - PullRequest
Новая
       5

Создайте модальное всплывающее окно для каждого объекта, используя реагировать

2 голосов
/ 23 марта 2019

У меня есть список реагирующих карт, и на каждой карте есть кнопка.

При нажатии этой кнопки должно отображаться модальное всплывающее окно с некоторой информацией, но я не могу создать модальное для каждой записи, поскольку цель данных всегда одна и та же.

Я пытался изменить цель данных на моем модале, конкатенируя "#" с именем объекта, но это не работает.

Вот код: 

 {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" />

 )})}

1 Ответ

1 голос
/ 23 марта 2019

вместо этого data-target="#' + groups.name + '" может быть, вы можете попробовать это 

data-target={`#${groups.name}`}
...