文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使不重新加载页面的href下拉项具有回滚引导。

问如何使不重新加载页面的href下拉项具有回滚引导。
EN

Stack Overflow用户

提问于 2022-01-07 09:54:27

回答 1查看 400关注 0票数 1

我用了一个下拉式的反作用引导。

在下拉列表中，我填写了一个允许我更改页面的href。

   <Dropdown>
    <Dropdown.Toggle variant="success" id="dropdown-basic">
     Menu
   </Dropdown.Toggle>

   <Dropdown.Menu>
     <Dropdown.Item href="#/action-1">aries</Dropdown.Item>
     <Dropdown.Item href="#/action-2">taurus</Dropdown.Item>

  </Dropdown.Menu>
 </Dropdown>

当我单击下拉项目时，它会完全重新加载我不想要的页面内容。

    <Dropdown.Item>
      <Link
        to={{
          pathname: `#/action-1`,
        }}
      >
        {' '}
        aries
      </Link>
      </Dropdown.Item>

问题是，我收到了一条错误消息，它告诉我：

 Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.

你有解决这个问题的办法吗？

dropdown

react-bootstrap

reactjs

react-router

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-07 09:59:55

尝尝这个

<Dropdown.Item as={Link} to="/me">text here</Dropdown.Item>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70619448

复制

相似问题

问如何使不重新加载页面的href下拉项具有回滚引导。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使不重新加载页面的href下拉项具有回滚引导。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使不重新加载页面的href下拉项具有回滚引导。
EN