React-Bootstrap: модальный в DOM, но неправильно отображается на странице

У меня есть модальный дочерний элемент, вызываемый из родительского компонента с помощью кнопки, модальный вид просматривается в DOM и, похоже, запускается на странице, однако он не отображается.

Вот код как для родителя, так и для ребенка:

Родитель: введите здесь описание изображения

введите здесь описание изображения

Ребенок: введите здесь описание изображения введите здесь описание изображения

Предварительный просмотр (Safari): Модал в DOM, но не отображается.

Родительский компонент можно найти здесь:

https://github.com/fritz-c/react-sortable-tree


reactjs javascript react-bootstrap
person edargham    schedule 05.02.2018    source источник
comment
Вы должны размещать код в виде текста, а не в виде изображений. Никто не хочет перепечатывать код, чтобы воспроизвести и решить вашу проблему. StackOverflow отлично поддерживает форматирование кода.   -  person Goose    schedule 05.02.2018
comment
Плохо, я думал, что это так, однако я также опубликовал проблему на GitHub, который, как мне кажется, имеет довольно плохое форматирование кода при публикации проблем, поэтому я использовал снимки выше, а затем разместил здесь. Я сниму фотографии и опубликую их как код, когда вернусь домой из университета.   -  person edargham    schedule 05.02.2018

Ответы (1)


arrow_upward
1
arrow_downward

Я не обращал внимания на версию бутстрапа, которую я использовал. Утверждается, что react-bootstrap работает с загрузочной версией 3.3.4 или более поздней версии, однако я думаю, что я бы придерживался только версии 3.3.4.

person edargham    schedule 05.02.2018