在React.js中拖动内部表单

Question

这是我的代码，它是在渲染文本而不是在表单中

    ```<div className="item">
            <div className="square center" ref="square">
                <form>

                    <input type="text" name="owner" id="owner" />

                    <button>Add </button>

                </form>
            </div>
  </div>

该项目是“拖动”，内部文本也是，但是“输入”字段没有拖动，这是我的。拖动代码当我拖动内部表单时，“仅添加文本”出现了，我写了什么东西以获取内部表单的拖动在Advanced React Developers中

    let rect = dropEl.getBoundingClientRect()
    return {
      className: dragEl.classList[0],
        id: uuidv1(),
        text: dragEl.innerText,
        form: dragEl.innerText,
      style: {
        left: this.props.pos[0] - rect.left - dropEl.clientLeft + 'px',
        top: this.props.pos[1] - rect.top - dropEl.clientTop + 'px'
        // lineHeight: dragEl.clientHeight + 'px'
      }
    }
  }