input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.

最新推荐文章于 2022-05-19 14:18:14 发布
最新推荐文章于 2022-05-19 14:18:14 发布
阅读量7.8k 收藏 1
点赞数 4
分类专栏： react 文章标签： react styled-components
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jjw_zyfx/article/details/90546585
版权

学react的时候有个input标签用styled-components进行渲染报了这样的错

我的代码是这样的：

 

最后发现其实报错的说明已经说得很清楚了就是创造出来的input标签需要这样写

写一个闭合的标签即可

最近发现还是可以这样写的，之前的这个错误不知道为啥，现在不报了

 

 

jjw_zyfx
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2019-ICLR-Pooling Is Neither Necessary nor Sufficient for Approp
08-04
在深度学习领域，许多核心假设被认为是常识而未经严格的实证测试。其中，一个普遍的假设是卷积神经网络（CNNs）需要对小的平移和形变保持稳定性，以便解决图像识别任务。长期以来，这一稳定性通过在CNN架构中嵌入...
Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML
yinge0508的博客
02-27 4138
最近在学习React时，报错 ：Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. 代码是这样的： 将input改成单标签就可以了：
Tag (input) should be an empty-element tag.
weixin_30794491的博客
11-18 666
因为：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">XHTML 对网页标签要求比较严格（相...
React问题记录
weixin_40022814的博客
05-19 224
ReactDOM.render is no longer supported in React 18.warning:Each child in a list should have a unique “key” prop.Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML
findbug类型
u014352080的专栏
09-21 2万+
Summary Description Category BC: Equals method should not assume anything about the type of its argument Bad practice BIT: Check for sign of bitwise operation Bad practice CN:
GCC 常见错误解析
热门推荐
Dream Fly的专栏
06-09 7万+
转自：http://wenku.baidu.com/view/01f99435f111f18583d05a47.html1GCC 常见错误解析一、错误类型第一类∶C 语法错误错误信息∶文件source.c 中第n 行有语法错误(syntex errror)。这种类型的错误，一般都是 C 语言的语法错误，应该仔细检查源代码文件中第n 行及该行之前的程序，有时也需要对该文件
Neither...nor的用法小结.doc
09-14
如果我们想将 Neither...nor 变为肯定句，只需把 neither...nor 改为 both...and...，同时谓语动词必须用复数形式。例如：Both dad and mum are at home today. 今天父母都在家。 在某些情况下，neither 可以单独...
so nor neither的用法总结PPT学习教案.pptx
10-07
so nor neither的用法总结 So 和 Nor/Neither 是英语语法中两个重要的连接词，分别用于表示肯定和否定关系。本文将对 So 和 Nor/Neither 的用法进行总结，并提供实例来帮助读者更好地理解和掌握它们的使用。 一、...
so nor neither的用法总结PPT教案.pptx
10-01
so nor neither的用法总结PPT教案.pptx
FindBugs规则整理
我行我速
09-12 1万+
FindBugs是基于Bug Patterns概念，查找javabytecode（.class文件）中的潜在bug，主要检查bytecode中的bug patterns，如NullPoint空指针检查、没有合理关闭资源、字符串相同判断错（==，而不是equals）等 一、Security 关于代码安全性防护 1.Dm: Hardcoded constant database password
Two Sum IV - Input is a BST问题及解法
刘天的博客
08-14 1280
问题描述： Given a Binary Search Tree and a target number, return true if there exist two elements in the BST such that their sum is equal to the given target. 示例： Input: 5 / \ 3 6
react 页面加载完成后自动执行标签的点击事件
jjw_zyfx的博客
05-09 1万+
当刚进入页面时react并没有自动加载路由,因为没有设置只是设置了key,所以并没有加载 用到了ant design的layout组件,代码设置如下: 第一种操作dom的方法: 但是想让页面加载完成后自动点击link这个标签,然后加载home的组件,方法有这么几种: componentDidMount() { if (window.location.hash.split('/')[...
react render中进行if判断
jjw_zyfx的博客
05-09 1万+
在render中进行if条件判断然后加载相应的模块进行渲染方法如下 第一种: 第二种:
ant design pro 发送post请求参数为object的解决方法
jjw_zyfx的博客
07-29 7157
解决方法有如下两种： 第一种就是将对象类型变成字符串类型 第二种就是 在看所带的参数就可以了如下; 其实还可以在utils/request.js中进行全局配置，不过2019年7月1日升级后的ant design pro 有点XX,不好改 ...
.js和.jsx的区别
jjw_zyfx的博客
09-10 5767
我现在理解的区别就是 .js可以用来做为模块来使用 .jsx一般作为组件来使用，但是js也可以用来作为组件使用也是没问题的
Warning: Can't perform a React state update on an unmounted component. This is a no-
jjw_zyfx的博客
05-09 4828
react 中报此异常根源为: 根源就是这个setTimeout函数解决方法就是添加上下面这段代码: componentWillUnmount() { this.setState = (state, callback) => { return; }; } ...
Error: link is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`.
最新发布
07-27
这个错误通常发生在你在一个空元素标签上使用了 `children` 属性或 `dangerouslySetInnerHTML` 属性。空元素标签是指没有内容的 HTML 标签，如 `<br>`、`<img>`、`<input>` 等。这些标签不支持包含子元素或设置内部 HTML。 要解决这个错误，你可以检查你的代码中是否在空元素标签上使用了 `children` 属性或 `dangerouslySetInnerHTML` 属性。如果有，你可以将它们移除或替换为适当的属性。 例如，如果你有以下代码： ```jsx <br children="Hello World" /> ``` 你可以修改为： ```jsx <br /> ``` 或者，如果你有以下代码： ```jsx <input dangerouslySetInnerHTML={{ __html: '<span>Hello World</span>' }} /> ``` 你可以修改为： ```jsx <input /> ``` 这样就可以避免这个错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值