react-antD 下拉框组件使用出现的问题(antd版本问题)-menus

项目场景:

下拉框选择操作


问题描述

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

先看浏览器报错信息,如图:

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)

react-antD 下拉框组件使用出现的问题(antd版本问题)-menus_第1张图片

相关代码:
react-antD 下拉框组件使用出现的问题(antd版本问题)-menus_第2张图片


原因分析:

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

react-antD 下拉框组件使用出现的问题(antd版本问题)-menus_第3张图片


解决方案:

出现问题,那就去解决问题,改!用这个版本的写法;

这个是改后的写法;仅供参考(主要还是overlay的问题)
react-antD 下拉框组件使用出现的问题(antd版本问题)-menus_第4张图片

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

你可能感兴趣的:(Bug日记,React,react.js,javascript,前端,bug)