AI 助理
备案控制台
开发者社区 云计算 文章 正文

【已解决】Warning: validateDOMNesting(...): ＜div＞ cannot appear as a descendant of ＜p＞

2023-01-10 506
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Warning: validateDOMNesting(...): ＜div＞ cannot appear as a descendant of ＜p＞

问题

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>

在这里插入图片描述

解决

p标签内只能包裹内联元素, 不能包裹块级元素.

两种解决方式：

  • 不用 p 标签
  • p 标签内使用内联元素

我这里组件是引用第三方的，不便修改，直接修改外部标签 p => div

over

程序边界
目录
相关文章
鋜斗
|
7月前
|
前端开发 开发者
Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it
Warning: [antd: Breadcrumb] `Breadcrumb.Item and Breadcrumb.Separator` is deprecated. Please use `it
鋜斗
323 1
G佳伟
|
5月前
|
前端开发
前端使用 ＜el-descriptions＞标签报错： ＜el-descriptions＞ - did you register the component correctly
前端使用 ＜el-descriptions＞标签报错： ＜el-descriptions＞ - did you register the component correctly
G佳伟
386 0
web前端圈
|
7月前
|
JavaScript
解决使用elementUI的el-date-picker报[Vue warn]: Avoid mutating a prop ...Prop being mutated: “placement“的问题
解决使用elementUI的el-date-picker报[Vue warn]: Avoid mutating a prop ...Prop being mutated: “placement“的问题
web前端圈
163 0
祈澈菇凉
|
JavaScript
Element UI报错：Unknown custom element: <el-menu>
Element UI报错：Unknown custom element: <el-menu>
祈澈菇凉
184 0
程序员大阳
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
程序员大阳
977 0
Element el-check 多选框详解
前端李十三
|
前端开发
css中:nth-child()和nth-of-type有何区别详解
css中:nth-child()和nth-of-type有何区别详解
前端李十三
99 0
时间不会赖着不走
|
移动开发 前端开发 JavaScript
section与div
section与div
时间不会赖着不走
97 0
游客6w5iiviqxobva
element-ui的el-table与el-form的使用与表单校验
element-ui的el-table与el-form的使用与表单校验
游客6w5iiviqxobva
740 0
element-ui的el-table与el-form的使用与表单校验
黑谷小建
|
机器学习/深度学习 人工智能 算法
CodeTON Round 1 (Div. 1 + Div. 2, Rated, Prizes)(A-C)
算法
黑谷小建
148 0
CodeTON Round 1 (Div. 1 + Div. 2, Rated, Prizes)(A-C)
walb呀
带checkbox的treepanel实例
walb呀
1012 0