Javascript 如何通过在react中指定坐标位置（x，y）来触发单击事件？

我有一个引导模式，它有一个表单。我需要能够在模式外单击，以便在提交表单时模式关闭。我怎样才能在react中实现这一点，谢谢

编辑：

我希望在单击表单中的提交按钮时能够关闭引导模式

解决方案：document.element frompointx，y.click

您可以在componentDidMount中单击设置eventListener

像这样：

useEffect=>{ window.addEventListener单击，函数E{ 如果document.getElementByIdmodalWindow.containse.target{ 在里面点击； }否则{ 在外面打电话； } }; return=>window.removeEventListenerclick； }, [];

---

请参阅我写的示例。

您的问题不清楚，请详细说明您到底想要什么。请查看编辑谢谢，但我必须在窗口中模拟一个单击事件，当模式内的按钮被激活时，在模式外的某处clicked@kritiz而这个例子并没有做到这一点？嗯，看起来是这样的。这个例子显示了我点击的位置，外部还是内部，但是当我点击模块内部的按钮时，我需要在模块外部创建一个点击事件。你的意思是你需要运行一个函数，当点击按钮时，它在更高级别上运行？

bootstrap_modal
   form_inside_bootstrap_modal
      submit_button_inside_form
   </ form_inside_bootstrap_modal>
</ bootstrap_modal>