I've got a component that opens a bootstrap modal (using react-bootstrap4-modal)
It opens and closes using this
{this.state.inEditMode ? <MemberModal /> : null}
However, because the component is already nested somewhere in the DOM, it's not a valid placement for bootstrap modal markup. It leaves a nasty white bar at the bottom, which I confirmed does not happen if it's located within the outermost <App/>
div
tag.
Is there a simple way to fix this? Or will it require me putting all of my modal components within <App/>
and changing the state of <App/>
from within nested children?