如何防止React Modal外部点击？

Question

我目前正在使用react-modal套餐。

我想禁用click and scroll outside react modal component。

Answer 1

将此行添加到模态组件

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

或使用event.preventDefault()来修复它

Answer 2

1.当模态打开时，将一个类添加到父元素

.inactive {
  pointer-events: none; // pointer-events not supported below IE11
  position: fixed;
}

如果你已经将整个页面包装在modal Wrapper中，那么将这个类添加到包装器中