bundle.js:10910 警告：validateDOMNesting(...): <a> 不能作为 <a> 的后代出现

Question

我在这里遇到这个错误：

<a data-toggle="collapse" aria-expanded="true" className="dropdown-toggle autodropdown">
                <NavLink
                  to="/"
                >
                  <div >
                    <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" className="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /><polyline points="9 22 9 12 15 12 15 22" /></svg>
                    <span>home</span>
                  </div>
                </NavLink>
              </a>

我是 React 的新手，我该如何解决这个问题？

Answer 1

使用 NavLink 或 <a> 因为 NavLink 也是一个 <a> 标签，所以在这里使用 NavLink 没有意义。

bundle.js:10910 警告：validateDOMNesting(...): <a> 不能作为 <a> 的后代出现

bundle.js:10910 Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>

javascript

reactjs

react-router