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

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

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

程序边界
目录
相关文章
左边的天堂
|
6月前
|
前端开发
解决el-descriptions的label-class-name不生效问题
解决el-descriptions的label-class-name不生效问题
左边的天堂
861 0
鋜斗
|
6月前
|
前端开发 开发者
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
鋜斗
303 1
。思索
|
3月前
|
开发工具 git
Stylelint—— Expected class selector ".nut-popup--top" to be kebab-case selector-class-pattern
新项目制定规范接入了stylelint，并通过husky在git提交时去触发检测修复，因为使用的是NutUi，所以无法直接调整组件对应的类名称，只好在stylelint.config.js中加入相应的rules进行配置。
。思索
96 0
G佳伟
|
4月前
|
前端开发
前端使用 ＜el-descriptions＞标签报错： ＜el-descriptions＞ - did you register the component correctly
前端使用 ＜el-descriptions＞标签报错： ＜el-descriptions＞ - did you register the component correctly
G佳伟
304 0
前端李十三
|
前端开发
css中:nth-child()和nth-of-type有何区别详解
css中:nth-child()和nth-of-type有何区别详解
前端李十三
89 0
程序员大阳
|
JavaScript
Element el-check 多选框详解
本文目录 1. 用途 2. 普通多选框 3. 带边框的多选框 4. 多选框组 5. 按钮样式的多选框组 6. 多选框组选中数量限制 7. 选项通过变量自动生成 8. 小结
程序员大阳
966 0
Element el-check 多选框详解
时间不会赖着不走
|
移动开发 前端开发 JavaScript
section与div
section与div
时间不会赖着不走
86 0
daisy`
关于$(&quot;:button&quot;) 选择器的理解
关于$(&quot;:button&quot;) 选择器的理解
daisy`
316 0
在下月亮有何贵干
|
前端开发
css选择器nth-child和nth-of-type区别
css选择器nth-child和nth-of-type区别
在下月亮有何贵干
150 0
css选择器nth-child和nth-of-type区别
游客y3drc72yycbqm
|
Web App开发 前端开发 Android开发
了解一下 ::target-text 选择器
了解一下 ::target-text 选择器
游客y3drc72yycbqm
152 0
了解一下 ::target-text 选择器