Javascript 反应模式：dropzone在退出时激活文件资源管理器

我有一个按钮，可以在dropzone中嵌套的鼠标上激活模态

当我通过单击退出模式时（不转义——转义始终有效），包含该按钮的dropzone将激活文件资源管理器，无论我在哪里单击

使用

react model

（非引导）创建模式，html显示：

<Modal
    isOpen={props.state.show}

    onRequestClose={props.handleClose}
    shouldReturnFocusAfterClose={false}

    shouldCloseOnOverlayClick={true}
    shouldCloseOnEscape={true} >
    ...
 </Modal>

...

---

如何避免在单击退出模式时激活dropzone（react dropzone？

问题是，模式在dropzone中添加了一个覆盖（如果查看DOM树），因此单击它意味着单击dropzone，这将触发dropzone的默认操作，即打开文件资源管理器

您的解决方案是

react dropzone

的

disableClick

属性。由于您已经管理了一个控制模式是否打开的状态，因此您可以使用该变量将

disableClick

属性设置为

props.state.show

，用于

dropzone

，以防止在模式打开时单击打开文件资源管理器

---

您可以在以下网址看到

disableClick

的示例：

Awesome thanking man。当我有机会尝试时，我会接受的