React相关错误解决

ERROR in ./src/routes/ManagePage/routes/Department/components/AddDeptForm.js
Module build failed: SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag (44:14)

  42 |             })(
  43 |               <Input type="hidden" />
> 44 |               <Button>{parent.deptName}</Button>
     |               ^
  45 |             )}
  46 |           </FormItem>
  47 |         </div>

 @ ./src/routes/ManagePage/routes/Department/components/Department.js 63:19-43
 @ ./src/routes/ManagePage/routes/Department/index.js
 @ ./src/routes/ManagePage/index.js
 @ ./src/routes.js
 @ ./src/index.js
 @ multi webpack-hot-middleware/client?path=http://localhost:8041/__webpack_hmr&timeout=20000&reload=true ./src/index.js
错误:

Module build failed: SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag (44:14)

翻译:

模块构建失败:SyntaxError:相邻的JSX元素必须包装在封闭的标签中(44:14)

解决办法:(React规定必须拥有一个根节点,在外面用div包装)
<div>
<Input type="hidden" />
<Button>{parent.deptName}</Button>
</div>

后续继续添加


很高兴认识你,我们都一样,有过迷茫却从未放弃;害怕孤独可从不寂寞。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、react-native run-android出现FAILURE: Build failed with an...
    以德扶人阅读 10,415评论 0 51
  • 前两天,用React把 之前的 基于树莓派3B,DHT11/DHT22,LCD1602的一个实时温度湿度检测系统 ...
    yfgeek阅读 931评论 2 4
  • 本文今后将只在 ReactNative中文网进行更新,此处不再维护,请点击这里移步。 本文主要收集在React N...
    罗攻阅读 44,679评论 15 48
  • React的学习资源 这个文章好久没有更新了,资源算比较老旧的了,毕竟前端更新还是非常快的。 半年不学习,都不知道...
    izhongxia阅读 23,337评论 11 629
  • 夜无眠星稀月残 勾起怎样的思念 一遍遍单曲循环 浮现怎样的画面 回不去匆匆那年 携手未来谁作伴 十次相遇九擦肩 几...
    芃悠阅读 204评论 0 3