Отключить модальную полоску при нажатии на нее

Question

Я хочу, чтобы модал закрывался при нажатии за его пределами, как в примерах: https://reactstrap.github.io/components/modals/, но этого не происходит:

https://codesandbox.io/s/x9rx5jx34q

Нажмитеа затем нажмите в другом месте, и ничего не происходит.То же самое происходит в моем коде.

Я пытался добавить backdrop={true} в качестве опоры для модального, но это не сработало.

Так что же использует реактстреп в своих примерах?

Answer 1

Цитируя то, что сказал Синдзо, как это случилось и со мной:

Если вы установите backdrop={true} , вы также должны установить toggle={fnToggle}, иначе это не будет работать.

Answer 2

Вам не хватает 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