如何防止在 React Modal 之外点击？

Question

我目前正在使用 react-modal 包。

我想禁用点击和滚动外部反应模式组件。

原文由 Panayiotis Georgiou 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将此行添加到您的模态组件

    <ReactModal
       //other props declaration..
       shouldCloseOnOverlayClick={false} // add this to prevent outside click to prevent modal close
    >

或使用 event.preventDefault() 修复它

原文由 Kumar Albert 发布，翻译遵循 CC BY-SA 3.0 许可协议