微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

安装 react-router-hash-link 后,Navbar collapseOnSelect 已停止工作

如何解决安装 react-router-hash-link 后,Navbar collapseOnSelect 已停止工作

制作单页应用程序并决定尝试 react-router-hash-link。

它按预期工作,但似乎有一个副作用是 Navbar collapSEOnSelect 已停止工作。

我认为可能是因为我将 hashlink 作为链接而不是使用 Nav.Link 包含在内,但不可能是因为它之前正在使用 LinkContainer(正在执行多页应用程序但已切换)。>

有什么建议吗?

        <div className="container">
        <Navbar 
        collapSEOnSelect
        className="mr-auto" 
        id="color-nav" 
        variant="light" 
        expand="md" f
        ixed="top">
                
            <Link to="#hero">
                <Navbar.Brand id="nav__text__style">Christian Khan</Navbar.Brand>
            </Link>
            <Navbar.Toggle aria-controls="basic-navbar-nav" id="hamburger-color" />
            <Navbar.Collapse id="basic-navbar-nav">
                <Nav className="ml-auto">
                    <Zoom in={ isMounted }
                        { ...(isMounted ? { timeout: 3700 } : {}) }>
                        
                        {/*Code not working here maybe? */}
                            <Link className="link-style" smooth to="#about">
                                About
                            </Link>
                        
                    </Zoom>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。