link is a void element tag and must neither have `children`

Question

<Link target="_blank">

<Button type="dashed" htmlType="button">个人中心</Button>

 </Link>

版本：

"react-router": "^4.2.0",

"react-router-dom": "^4.2.2",

引入：import {Link} from 'react-router-dom';

在登入模块输入好后，控制台就会报错，报错内容如下：

invariant.js:42 Uncaught Error: link is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

    in link (created by PCHeader)

    in li (created by MenuItem)

    in MenuItem (created by MenuItem)

    in Trigger (created by Tooltip)

    in Tooltip (created by Tooltip)

    in Tooltip (created by MenuItem)

    in MenuItem (created by Menu)

    in ul (created by DOMWrap)

    in DOMWrap (created by Menu)

    in Menu (created by Menu)

    in Menu (created by PCHeader)

    in div (created by Col)

    in Col (created by PCHeader)

    in div (created by Row)

    in Row (created by PCHeader)

    in header (created by PCHeader)

    in PCHeader (created by Form(PCHeader))

    in Form(PCHeader) (created by PCIndex)

    in div (created by PCIndex)

    in PCIndex (created by Root)

    in MediaQuery (created by Root)

    in div (created by Root)

    in Root

    at invariant (invariant.js:42)

    at assertValidProps (react-dom.development.js:12768)

    at setInitialProperties$1 (react-dom.development.js:13982)

    at finalizeInitialChildren (react-dom.development.js:14989)

    at completeWork (react-dom.development.js:8648)

    at completeUnitOfWork (react-dom.development.js:10132)

    at performUnitOfWork (react-dom.development.js:10234)

    at workLoop (react-dom.development.js:10288)

    at HTMLUnknownElement.callCallback (react-dom.development.js:542)

Answer 1

Parry 2018-01-31 10:48:21

react router 4.0 的版本请看第二十章。

=====================================================

此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频（如打包后的文件压缩、单独的 webpack 2 视频教程等）

我整理成了一个大的 QA 文档，可以直接参考我博客的整理。

基本包含了所有 React 初学时遇到的各种问题的解决方案。

我的博文地址：http://blog.parryqiu.com/2017/03/09/react-q-and-a/

 

目前文章主要包含了以下问题的解决方案：

一些课程资源，如源代码、思维导图、后台 API 源代码等；

关于 Webpack           2.0 详细使用的 20 集免费补充视频；

webpack-dev-server      不能自动刷新的问题；

使用 Webpack      2 搭建的 React 浏览器自动刷新的项目模板，多次测试可用；

React      Developer Tool 的问题；

缺少      react-html-attrs 插件；

babel-loader      没加载的错误；

fetch 的使用；

占用端口 8080 的问题；

错误 The      root route must render a single      element 的处理；

如何在chrome      console 中打开 paint flashing；

父组件通过 refs 获取子组件真实 DOM 节点的问题；

跳转 Route 的问题；

将      AntDesign 中的 getFieldProps 替换成      getFieldDecorator 的处理；

错误 Target      container is not a DOM element      的原因及解决方案；

慕课没有发布的更新课程；

React      Router 4.0 中 location undefined 的问题；

AntDesign      官方文档中的函数语法错误的解决方案；

解决课程中 React      Router 版本的差异问题；

课程中 API 的地址。