反应无线电输入问题答案

【问题标题】：React radio input issue反应无线电输入问题
【发布时间】：2017-04-01 07:33:24
【问题描述】：

我正在尝试渲染以下 JSX 代码。当我添加“是”和“否”文本来补充单选按钮时，我收到以下错误...

 <tr>
    <td>Do you want the questions displayed in a random order?</td>
    <td><input type="radio" name="random">Yes</input></td>
    <td><input type="radio" name="random">No</input></td>
 </tr>

错误： input 是一个空元素标签，既不能有children，也不能使用dangerouslySetInnerHTML。

我做错了什么？

【问题讨论】：

附带说明，<table> 元素用于表示表格数据。您在这里拥有的不是表格数据。
我只是想将一堆问题排成行和列，用于文本问题，然后输入。你会推荐使用一堆 div 标签代替表格，还是其他方法？

标签： reactjs

【解决方案1】：

使用label

<label for="yes">Yes</label>
<input type="radio" id="yes" name="random"/>

【讨论】：

使用标签有效，但我收到以下警告：“warning.js?0260:36 警告：未知 DOM 属性。您的意思是 htmlFor 吗？”
这为这个问题提供了一些启示，以防万一有人关心。显然，'for' 关键字对于 React DOM 来说是一个禁忌...stackoverflow.com/questions/22752116/react-label-element