在外部单击时关闭反应模式

Question

我希望模态在外部单击时像在示例中一样关闭：https://reactstrap.github.io/components/modals/，但不会发生：

https://codesandbox.io/s/x9rx5jx34q

按按钮，然后单击其他任何地方，什么也没有发生。我的代码中也发生了同样的情况。

我尝试将backdrop={true}添加为模式的道具，但没有用。

那么reactstrap在他们的示例中使用了什么？

Answer 1

您的依赖项中缺少bootstrap：

"dependencies": {
    "react": "16.4.2",
    "react-dom": "16.4.2",
    "react-scripts": "1.1.4",
    "reactstrap": "6.4.0",
    "bootstrap": "4.1.1"
  },

如文档中所述：https://github.com/reactstrap/reactstrap#adding-bootstrap

我在这里修改了您的示例：https://codesandbox.io/s/m73w9j289

Answer 2

也引用Shinzou所说的话：

如果您设置backdrop={true} ，则还必须设置toggle={fnToggle} ，否则它将不起作用。