javascript - 在反应中动态地在包组件中添加html元素

Question

我想在 react-bootstrap-table-next 上添加一个新的表格行

听到是我的代码

useEffect(() => {
  
    var d1 = document.getElementsByTagName('thead')[0]
    d1.insertAdjacentHTML('beforeend', '<tr>
    <td></td>
    <td>
      <input
        type="text"
        class="form-control form-control-sm"
        onChange={
          (e)=>{
            alert(e.target.id)
          }
        }
      />
    </td>
    <td></td>
    <td></td>
  </tr>')
  }, [])

在此代码中，onChange 的 JSX 语法不起作用，所以您能否建议在 thead 标记中附加 html 的最佳方法是什么

标签： javascriptreactjs