Reactjs Reactstrap模态不'；淡入淡出

我正在构建一个带有Reactstrap登录链接的标题。当用户单击登录链接时，会出现一个模式，显示不同的登录选项。这是我的密码：

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>
        )
    }
}

导出默认类头扩展组件{
状态={
伊索彭：错，
模态：假
}
toggle=（）=>this.setState（{isOpen:！this.state.isOpen}）
toggleModal=（）=>this.setState（{modal:！this.state.modal}）
render（）{
返回(
呕吐物
登录
乱数假文
)
}
}

---

我遇到的问题是，模态只会淡出，但不会淡入。默认情况下，模态组件的淡入淡出道具设置为true。我尝试过用

fade={true}

手动设置它，或者只使用速记

fade

。这并没有解决问题。我试着设置modalTransition和backdropTransition道具来触发淡入淡出效果。它仍然不起作用。有人能帮忙解决这个问题吗？

不幸的是，这似乎是reactstrap的一个bug。请参见此处的开放Github问题：

谢谢您的回答。我想知道这个错误是否只发生在React 16上？因为文档中的示例运行良好，我假设它使用的是旧版本的React。