Предупреждение: validateDOMNesting (...): <a>не может отображаться как потомок <a> - PullRequest
0 голосов
/ 11 апреля 2019

Я пытаюсь использовать реактив-маршрутизатор с реактивом в приложении create-reat. Страница маршрутизации мне нужно было использовать состояние для реактивной ленты, поэтому я преобразовал маршрутизатор из переменной в класс. Я получаю это предупреждение: Предупреждение: validateDOMNesting (...): <a> cannot appear as a descendant of <a>. я не знаю, что делать? Мне нужно было стилизовать навигацию маршрутизатора с использованием responsestrap, поэтому я сделал то, что вы видите ниже.

Это не сработало по многим причинам:

<NavLink componentClass={Link} href="/contact" to="/contact" active={location.pathname === '/contact'}>anywords</NavLink>
<Navbar  dark id="RouterNavbar" expand="md">
          <NavbarBrand id="NavBrand"href="#x"><ul>(a bunch of li not relevant)</ul></NavbarBrand>
<NavbarToggler id="NavBarToggler"  onClick={this.toggle1.bind(this)}  />
          <Collapse  isOpen={this.state.isOpen1}  navbar>
            <Nav   className="ml-auto"  navbar>
            <NavItem>
                <NavLink href="#x"><Link id="RouterNavLink" style={None} to="/contact">anywords</Link></NavLink>
              </NavItem>
(then just more of the above)

кроме пары ли, которые в случайное время приближаются друг к другу, и мне иногда приходится обновлять страницу вместо нормального поведения (автообновление) и предупреждения, которое я получаю в консоли, ничего плохого не происходит, но когда я прочитав об этой проблеме, я узнал, что не должен этого делать.

1 Ответ

1 голос
/ 11 апреля 2019

Это код, который вызывает ошибку,

<NavLink href="#x"><Link id="RouterNavLink" style={None} to="/contact">anywords</Link></NavLink>

, которая преобразуется в,

<a><a></a></a>

Итак, вы получаете ошибку,

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

Чтобы решить эту проблему, используйте одно из следующих действий:

<NavLink id="RouterNavLink" style={None} to="/contact">anywords</NavLink>

ИЛИ

<Link id="RouterNavLink" style={None} to="/contact">anywords</Link>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...