我们可以将编辑文本放入 react-moveable 中吗？ （拖动并编辑两者）

Question

在“contentEditable”属性的帮助下，React Movable 框中的文本在左键单击时被拖动，在右键单击时被编辑。但是在智能手机中，我找不到编辑相同内容的方法，它只会被移动。

          <div className="moveable">
            <span
              contentEditable="true"
              onClick={e => {
                this.handleClick(e.nativeEvent);
              }}
            >
              React
              <br />
              Moveable
            </span>
          </div>

请告诉我一个解决方案，要么允许通过左键单击以某种方式进行编辑，要么在智能手机中提供可编辑文本的解决方案。

这是CodeSandboxLink供参考： https://codesandbox.io/s/react-moveable-demo-bplv0

Answer 1

类似于 scalable, warpable, resizable, target 在您的代码中添加一个可拖动的状态，如下所示：

 state = {
        target: null,
        container: null,
        scalable: true,
        resizable: false,
        warpable: false,
        draggable: false
      };
 render() {
    const { scalable, warpable, resizable, target, draggable } = this.state;
       return(
          ....your code
             )

      }