<input />不能作为孩子出现

时间:2017-08-22 10:30:07

标签: html reactjs

我想在我的表格中添加一个KitapModel kitap = new Kitapmodel { kitapAdi = "Harry Potter ve Felsefe Taşı", ISBN = ...... Yayınevi.... ... Stok = 5, TurTurID = 1 } kitapModelProvider.insertKitap(kitap) // or kitapModel.insertKitap 元素,更具体地说是一个复选框。以下作品:

<input>

但它在控制台中产生错误:<tbody key={rule._id}> <tr> <td>{rule.deviceId}</td> { <input name="isEnabled" type="checkbox" checked={rule.enabled} /> } <td>{rule.name}</td> </tr> </tbody>

有没有'正确'的方法呢?

4 个答案:

答案 0 :(得分:12)

<input>放入<td>

答案 1 :(得分:2)

您错过了一对<td>。此外,{}不是必需的。应该是那样的

<tbody key={rule._id}>
  <tr>
    <td>{rule.deviceId}</td>
    <td>
      <input
        name="isEnabled"
        type="checkbox"
        checked={rule.enabled} />
    </td>
    <td>{rule.name}</td>
  </tr>
</tbody>

答案 2 :(得分:1)

tr只能包含td。你应该用input包裹你的td

<tbody key={rule._id}>
  <tr>
    <td>{rule.deviceId}</td>
    <td> 
      <input
        name="isEnabled"
        type="checkbox"
        checked={rule.enabled}
      />
    </td>
    <td>{rule.name}</td>
  </tr>
</tbody>

答案 3 :(得分:0)

您必须将其放在<td>元素中,并且可以向<td> DOM添加样式。