Ссылки в NavItems не переходят по ссылке href - PullRequest
0 голосов
/ 21 февраля 2020

У меня есть элементы Navdropdown со ссылкой внутри него в Navdropdown. Пока я отрисовываю его в браузере, все отлично работает со ссылкой, но я получаю следующее предупреждение в консоли с методом 1:

ValidateDOMNesting(...) Warning

из-за на тег Link внутри элементов NavDropdown. Это создает два вложенных тега привязки.

В методе 2 я попытался поместить href вместо тега Link, но элементы навигации не переходят по URL-адресу href. Как мне решить это?

Любая помощь приветствуется.

Метод 1:

<NavDropdown>
      <NavDropdown.Item eventKey={1.1}>
        <Link to="/about#who_we_are">Who we are</Link>
      </NavDropdown.Item>
      <NavDropdown.Item eventKey={1.2}>
        <Link to="/about#how_we_work">How we work</Link>
      </NavDropdown.Item>
      <NavDropdown.Item eventKey={1.3}>
        <Link to="/about#certifications">Certifications</Link>
      </NavDropdown.Item>
      <NavDropdown.Item eventKey={1.4}>
        <Link to="/about#partners">Partners</Link>
      </NavDropdown.Item>
</NavDropdown>

Метод 2:

<NavDropdown.Item href="#/about#who_we_are" eventKey={1.1}>Who we are</NavDropdown.Item>
<NavDropdown.Item href="#/about#how_we_work" eventKey={1.2}>How we work</NavDropdown.Item>
<NavDropdown.Item href="#/about#certifications"eventKey={1.3}>Certifications</NavDropdown.Item>
<NavDropdown.Item href="#/about#partners"eventKey={1.4}>Partners</NavDropdown.Item>
...