标签＆＃34; for＆＃34;没有在前端显示

Question

我试图在标签中设置，但反应引擎忽略它。 （我可能做错了）

有人可以用正确的语法帮助我使用＆＃34; for＆＃34;在JSX的标签中。

这是我的代码段

<form role="form">
    <div className="checkbox checkbox-primary">
          <input type="checkbox" className="styled" id="checkbox1" name="foambox" ref="foambox" />
          <label for="checkbox1"><span style={{margin:10,cursor:'default'}}>For this delivery, would you like us to   take back the foam box </label>
    </div>
 </form>

指定它的正确方法是什么？

Answer 1

htmlFor是正确的语法，您可以在React Documentation

中看到

  

所有属性都是驼峰式的，属性类和for分别是className和htmlFor，以匹配DOM API规范。