警告:ValidatedMonitoring(…):<a>不能显示为<的后代;a>

我正在尝试在CreateReat应用程序中使用react路由器和reactstrap
路由页面我需要使用reactstrap的状态,因此我将路由器从变量转换为类。我收到以下警告:
警告:ValidatedMonitoring(…):
<a>不能显示为<的后代;a&gt
我不知道该怎么做,我需要用reactstrap来设计路由器导航,所以我做了下面你看到的

这不起作用的原因有很多:

<NavLink componentClass={Link}href=”https://stackoverflow.com/contact“to=“/contact”活动={location.pathname=='/contact'}>anywords&lt/导航链接>
<导航栏暗id=“RouterNavbar”expand=“md”>
<NavbarBrand id=“NavBrand”href=”“&gt&书信电报;ul>(一堆不相关的李)&lt/ul&gt&lt/NavbarBrand>
<NavbarToggler id=“NavbarToggler”onClick={this.toggle1.bind(this)}/>
<Collapse isOpen={this.state.isOpen1}navbar>
<导航className=“ml自动”导航栏>
<NavItem>
<NavLink href=“”&gt&书信电报;链接id=“RouterNavLink”style={None}到=“/contact”>anywords&lt/链接&gt&lt/导航链接>
&lt/NavItem>
(然后是上面的更多内容)

除了几个li在随机时间相互靠近,有时我不得不刷新页面,而不是正常的行为(自动刷新)和控制台中收到的警告消息,没有什么不好的事情发生,但当我看到这个问题时,我发现我不应该这样做

这是导致错误的代码

<NavLink href=“”&gt&书信电报;链接id=“RouterNavLink”style={None}到=“/contact”>anywords&lt/链接&gt&lt/导航链接>

转换成

<a&gt&书信电报;a&gt&lt/a&gt&lt/a>

所以你得到了错误

警告:验证记忆(…):<a>不能显示为<的后代;a>

要解决这个问题,只需使用以下方法之一

<NavLink id=“RouterNavLink”style={None}to=“/contact”>anywords&lt/导航链接>

或者

<链接id=“RouterNavLink”style={None}到=“/contact”>anywords&lt/链接>

发表评论