Question

我是新来的反应者。为使页面响应，我为标题添加了nav-toggle。但它什么也没显示。在其中查看但看不见时，单击时页面刷新。代码如下。

代码：-

    <section id="home" role="banner">
    <header id="header">
        <div className="header-content clearfix">
            <a href=""><img src={logo} alt="" className="logo" /></a>
            <nav className="navigation">
                <ul className="primary-nav">
                    <li><a href="#home">Home</a></li>
                    <li><a href="#card">Product</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#cata">Categories</a></li>
                    <li><a href="#test">Blogs</a></li>
                    <li><a href="#test2">News</a></li>
                    <li><a href="#busns" className="btn btnadd">Adds</a></li>
                    <li><a href="/login">LOGIN</a></li>
                </ul>
            </nav>
            <a href="" className="nav-toggle" data-target="#navigation">Menu<span></span></a>
        </div>
    </header>
</section>

预先感谢

Answer 1

确保已正确安装和设置所有必需的依赖项。（请参见reacstrap documentation）。

有关完整的工作示例，请参见reactstrap-navbartoggler-example。

这是实现导航栏的示例组件：

public void finish() {
    driver.quit();
}

请注意：在Reacstrap文档中，“安装/ CDN”下有一个演示链接。该演示非常古老（revstrap v2和react v15）。演示中的依赖项不适用于Reacstrap文档的“组件”部分中的某些示例（包括“折叠”按钮的图标）。

nav-toggle不显示其不可见的reactjs

1 个答案: