reactjs - 如何在reactjs中的cellrenderer中添加模态

Question

cellRenderer: (params) => {
  var eDiv = document.createElement('div');
  eDiv.innerHTML = '<b><div style="overflow:unset"><div class="btn-group btn-group-sm"><button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><span class="icon"><i class="fas fa-ellipsis-v-alt" aria-hidden="true"></i></span></button></div></div></b>';
  var eButton = eDiv.querySelectorAll(".icon")[0];
  eButton.addEventListener('click', (e) => {
    alert("aaaaaaaaaaaaaaaaaa")
  });

  return eDiv;
}

标签： reactjs

Answer 1

你应该使用 ReactDom.createPortal API

在反应文档中有很好的解释

https://reactjs.org/docs/portals.html

此外，这里显示了一个很好的实现 https://medium.com/@imranhsayed/create-modal-in-react-using-portal-48b3662a28b9