Reactjs React JS：为单个导航链路获取两个导航链路

这是我的导航条代码：

<Navbar.Collapse id="basic-navbar-nav">
    <Nav className="mr-auto"></Nav>
    <Nav>
        <Nav.Link href="/Home">HOME</Nav.Link>
        {this.state.role== 'admin' && <Nav.Link href={"/adminhome/"+this.state.uid}>DASHBOARD</Nav.Link>}
        {this.state.role== 'farmer' && <Nav.Link href={"/userhome/"+this.state.uid}>DASHBOARD</Nav.Link>}
        {this.state.role== 'buyer' && <Nav.Link href={"/buyerhome/"+this.state.uid}>DASHBOARD</Nav.Link>}              
        {this.state.role== 'buyer' && <Nav.Link href={"/buyerhome/"+this.state.uid}>DASHBOARD</Nav.Link>}
        <NavDropdown title={window.localStorage.getItem("username")} id="basic-nav-dropdown">
            <NavDropdown.Item href={"/updateProfile/" + this.state.uid}>Update Profile</NavDropdown.Item>
            <NavDropdown.Item href="/Home" onClick={() => window.sessionStorage.clear() }>Sign out</NavDropdown.Item>
        </NavDropdown>
    </Nav>
</Navbar.Collapse>

家
{this.state.role=='admin'&&DASHBOARD}
{this.state.role=='farmer'&&DASHBOARD}
{this.state.role=='buyer'&&DASHBOARD}
{this.state.role=='buyer'&&DASHBOARD}
更新配置文件
window.sessionStorage.clear（）}>注销

渲染此组件时，我会得到两个导航链接，而不是一个

---

它出现两次，因为您编写了两次相同的代码。请删除其中一项

{this.state.role== 'buyer' && <Nav.Link href={"/buyerhome/"+this.state.uid}>DASHBOARD</Nav.Link>}

{this.state.role='buyer'&&DASHBOARD}

请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难准确地说出你在问什么。哇，不可能那么明显。。。我正在使用VS代码，我刚刚检查过，只有一行代码。但当我把它粘贴到这里时，它变成了两个。