Warning: Invalid DOM property `for`. Did you mean `htmlFor`?

迷南。 2023-01-01 03:49 318阅读 0赞

在react中label标签不能使用for关键字

报错警告：
Warning: Invalid DOM property for. Did you mean htmlFor?

错误写法：

  1. <div className="radioItem">
  2.       <input type="radio" id="curEntrust" />
  3.       <label for="curEntrust">当前委托</label>
  4. </div>

应改为：

  1. <div className="radioItem">
  2.       <input type="radio" id="curEntrust" />
  3.       <label htmlFor="curEntrust">当前委托</label>
  4. </div>

在使用React时，不能在JSX中使用for关键字，因为这是一个javascript关键字(JSX是javascript，所以像for和class这样的词不能使用，因为它们有其他特殊含义!)

作者：EchoHi
链接：https://www.jianshu.com/p/fb0acf2538d1
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

发表评论

表情：
评论列表 （有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读