小编Kev*_*nas的帖子

这为什么会破裂？我之前没有正确使用.innerHTML,也不知道为什么会出错.

function asdf() {
    document.getElementById("qwerty").innerHTML="A<br>
      B<br>
      C<br>
      D<br>";
}

我想使用 React Router 在我的网站上包含一个非常基本的导航栏，但样式或路由会根据我的更改而混乱。

这里说要使用 Navbar、Nav 和 Nav.Link https://react-bootstrap.github.io/components/navs/#nav-link-props所以我想使用这些。

问题是，在我看来，Nav.Link 需要 href 属性才能将用户发送到该路由，例如 /One。但是顶部的 One 链接没有获得活动样式。如果我删除 href 属性，它会在我单击该链接时获取活动样式，但不会将用户发送到 /One 或加载我想要的该路由的组件。

我没有看到关于使用这些标签的 SO 答案，只是使用 Link 和 NavLink 的答案，而我链接的 URL 没有使用。该页面上也没有使用多个 href 属性的示例。我错过了什么？下面是我的代码。

class Header extends Component {
  render() {
    return (
      <Navbar bg="light" variant="light" fixed="top">
        <Navbar.Brand href="#">MySite</Navbar.Brand>
        <Nav>
          <Nav.Link href="/" activeClassName="active" eventKey="/">Home</Nav.Link>
          <Nav.Link href="/one" activeClassName="active" eventKey="/one">One</Nav.Link>
          <Nav.Link href="/two" activeClassName="active" eventKey="/two">Two</Nav.Link>
        </Nav>
      </Navbar>
    )
  }
}

class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <Route path="/" exact …