React router验证DOM嵌套错误

Posted 2021-04-16

警告：validateDOMNesting（...）：<a>不能作为<a>的后代出现。请参见NavigationBar> a> ...>链接> a

<a className="ui item nav-logout font-color">
        {isLoggedIn ? (
          <Link onClick={this.logout} to="/" >
            Logout
          </Link>
        ) : (
          <Link to="/login">Login</Link>
        )}

答案

您正在将<a>标记嵌套到另一个<a>标记中，将父项更改为<div> / <span>（如果您的导航项位于列表中，则更改为<li>）：

<span className="ui item nav-logout font-color">