错误：链接是一个空元素标签，既不能有 `children`，也不能使用 `dangerouslySetInnerHTML`答案

【问题标题】：Error: link is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`错误：链接是一个空元素标签，既不能有 `children`，也不能使用 `dangerouslySetInnerHTML`
【发布时间】：2021-04-01 15:48:33
【问题描述】：

我在做这个教程的时候总是遇到这个错误，我想我把代码放对了吗？我使用 vs 作为我的编辑器。

import React from 'react';
import { NavLink, Link } from 'react-router-dom';


const Topbar = () => {
  return(
   <nav className='navbar navbar-light'>
     <div className='container'>
       <link to='/' className='navbar-brand'>
         Medium
        </link>
        <ul className='nav navbar-nav pull-xs-right'>
          <li>
            <NavLink to='/' className='nav-link'>
              Home 
            </NavLink>
          </li>
          <li>
            <NavLink to='/login' className='nav-link'>
              Sign in 
            </NavLink>
          </li>
          <li>
            <NavLink to='/register' className='nav-link'>
              Sign up
            </NavLink></li> 
        </ul>
     </div>
   </nav>
  )
}

export default Topbar;

我不明白为什么我总是遇到这个错误错误：链接是一个空元素标签，既不能有children，也不能使用dangerouslySetInnerHTML。

【问题讨论】：

标签： hyperlink router

【解决方案1】：

您使用的是link-tag 而不是Link。修复此问题，错误应该会消失。

【讨论】：

【解决方案2】：

使用大写的链接而不是链接

import Link from 'next/link'

<Link href="/"><a>Medium</a></Link>

【讨论】：