项目场景：

下拉框选择操作

问题描述

用了朋友写的一个文件上传组件，加到了自己的项目里面，以为是省事，结果踩了坑

先看浏览器报错信息，如图：

html 复制代码

ERROR
React.Children.only expected to receive a single React element child.
    at Object.onlyChild [as only] (http://localhost:2028/static/js/bundle.js:237997:15)
    at renderOverlay (http://localhost:2028/static/js/bundle.js:43267:34)
    at getOverlayElement (http://localhost:2028/static/js/bundle.js:160204:24)
    at getMenuElement (http://localhost:2028/static/js/bundle.js:160225:26)

相关代码：

原因分析：

可能是antD版本问题（朋友项目用的都是antD 5+），然后去看了官方文档，官方文档这个部分正好有这个内容上提示；目前项目上使用的是"antd": "4.23.6",正好在这个范围内，这个组件是4.24.0 版本后的；那，我改！

解决方案：

出现问题，那就去解决问题，改！用这个版本的写法；

这个是改后的写法；仅供参考（主要还是overlay的问题）

解决，记录一下，笔记是个好东西，当你写的多的时候，真的是记不住。