Reactstrap Modal verblasst nicht, aber verblasst

Question

Ich baue einen Header, der eine Login-Verbindung mit Reactstrap hat. Wenn der Benutzer den Login-Link klickt, sollte ein modaler erscheinen die verschiedenen Optionen zeigt, die in für die Anmeldung hier mein Code:.

export default class Header extends Component { 
    state = { 
     isOpen: false, 
     modal: false 
    } 
    toggle =() => this.setState({ isOpen: !this.state.isOpen }) 
    toggleModal =() => this.setState({ modal: !this.state.modal }) 
    render() { 
     return (
      <div> 
       <Navbar light expand="md"> 
        <NavbarBrand href="/">VoteMole</NavbarBrand> 
        <NavbarToggler onClick={this.toggle} /> 
        <Collapse isOpen={this.state.isOpen} navbar> 
         <Nav className="ml-auto" navbar> 
          <NavLink href="#" onClick={this.toggleModal}> 
           <NavItem>Login</NavItem> 
          </NavLink> 
         </Nav> 
        </Collapse> 
       </Navbar> 
       <Modal isOpen={this.state.modal} toggle={this.toggleModal}> 
        <ModalBody>Lorem Ipsum</ModalBody> 
       </Modal> 
      </div> 
     ) 
    } 
} 

Das Problem ist, ich habe, dass die modale ausblendet nur aber nicht verblassen in Standardmäßig ist bei der Modal-Komponente die Überblendungsfunktion auf "true" gesetzt. Ich habe versucht, es manuell mit fade={true} oder nur mit der Kurzschrift fade. Es hat das Problem nicht gelöst. Ich habe versucht, die modalTransition- und budgetTransition-Requisiten so einzustellen, dass sie den Fade-Effekt auslösen. Es hat immer noch nicht funktioniert. Kann jemand bitte mit diesem Problem helfen?

Answer 1

Leider scheint dies ein Bug mit reactstrap zu sein. Siehe die offene Github-Ausgabe hier: https://github.com/reactstrap/reactstrap/issues/607