问题
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>
解决
p标签内只能包裹内联元素, 不能包裹块级元素.
两种解决方式：
- 不用 p 标签
- p 标签内使用内联元素
我这里组件是引用第三方的，不便修改，直接修改外部标签 p => div
over
【已解决】Warning: validateDOMNesting(...): ＜div＞ cannot appear as a descendant of ＜p＞
2023-01-10
656
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Warning: validateDOMNesting(...): ＜div＞ cannot appear as a descendant of ＜p＞
目录
相关文章
|
11月前
|
JavaScript
数据格式
vue3 + Ant design vue formItem 无法使用嵌套的form表单校验
vue3 + Ant design vue formItem 无法使用嵌套的form表单校验
826
1
1
|
12月前
|
资源调度
Kubernetes
前端开发
|
缓存
前端开发
网络协议
|
12月前
|
前端开发
JavaScript
网络架构
react对antd中Select组件二次封装
本文介绍了如何在React中对Ant Design（antd）的Select组件进行二次封装，包括创建MSelect组件、定义默认属性、渲染Select组件，并展示了如何使用Less进行样式定义和如何在项目中使用封装后的Select组件。
403
2
2
|
7月前
|
人工智能
数据挖掘
测试技术
大模型代肝，自动刷《崩铁》升级材料，Claude操纵计算机还能这么用！
Claude 3.5 Computer Use是首个提供公共测试的具备图形用户界面（GUI）操作能力的前沿AI模型，标志着GUI自动化领域的重要突破。它通过API调用实现端到端解决方案，能根据用户指令和视觉GUI状态生成操作，无需外部知识辅助。研究展示了其在网页搜索、工作流和生产力软件等任务中的卓越能力，并揭示了滚动导航等局限性。未来有望进一步优化并拓展应用领域。论文链接：https://arxiv.org/pdf/2411.10323。
231
38
39
|
缓存
前端开发
JavaScript
【亮剑】在React中如何通过点击事件控制组件显示与隐藏，包括基础概念和高级应用
【4月更文挑战第30天】本文介绍了在React中如何通过点击事件控制组件显示与隐藏，包括基础概念和高级应用。使用`useState`钩子和Context API可实现状态驱动的条件渲染，通过CSS类控制组件样式，或利用React Portals在DOM不同位置渲染。性能优化应注意避免不必要的渲染、合理使用Keys、优化事件处理器、使用Memoization及清理资源。测试和验证确保逻辑正确性，以构建动态用户界面并提升应用性能。
919
0
0
|
10月前
|
JavaScript
前端开发
定位技术
|
11月前
|
Ubuntu
PHP
开发者
如何在Ubuntu中切换多个PHP版本
通过上述步骤，您不仅能够高效地在Ubuntu系统中安装和切换PHP版本，还能根据项目需求灵活配置，大大提升开发效率与灵活性。更多关于服务器配置与优化的信息，获取全面的技术支持与解决方案。
291
1
1
|
小程序
JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序，使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法：一是通过 `<swiper>` 实现，二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
373
2
2
|
11月前
|
JSON
JavaScript
前端开发