我正在尝试在CreateReat应用程序中使用react路由器和reactstrap
路由页面我需要使用reactstrap的状态,因此我将路由器从变量转换为类。我收到以下警告:
警告:ValidatedMonitoring(…):
<;a>;不能显示为<;的后代;a>
我不知道该怎么做,我需要用reactstrap来设计路由器导航,所以我做了下面你看到的
这不起作用的原因有很多:
<;NavLink componentClass={Link}href=”https://stackoverflow.com/contact“to=“/contact”活动={location.pathname=='/contact'}>;anywords</导航链接>;
<;导航栏暗id=“RouterNavbar”expand=“md”>;
<;NavbarBrand id=“NavBrand”href=”“>&书信电报;ul>;(一堆不相关的李)</ul></NavbarBrand>;
<;NavbarToggler id=“NavbarToggler”onClick={this.toggle1.bind(this)}/>;
<;Collapse isOpen={this.state.isOpen1}navbar>;
<;导航className=“ml自动”导航栏>;
<;NavItem>;
<;NavLink href=“”>&书信电报;链接id=“RouterNavLink”style={None}到=“/contact”>;anywords</链接></导航链接>;
</NavItem>;
(然后是上面的更多内容)
除了几个li在随机时间相互靠近,有时我不得不刷新页面,而不是正常的行为(自动刷新)和控制台中收到的警告消息,没有什么不好的事情发生,但当我看到这个问题时,我发现我不应该这样做
这是导致错误的代码
<;NavLink href=“”>&书信电报;链接id=“RouterNavLink”style={None}到=“/contact”>;anywords</链接></导航链接>;
转换成
<;a>&书信电报;a></a></a>;
所以你得到了错误
警告:验证记忆(…):<;a>;不能显示为<;的后代;a>;
要解决这个问题,只需使用以下方法之一
<;NavLink id=“RouterNavLink”style={None}to=“/contact”>;anywords</导航链接>;
或者
<;链接id=“RouterNavLink”style={None}到=“/contact”>;anywords</链接>;