当状态变化时，反应可调的光标会跳到结束

Question

我正在使用此库反应可触摸的

我有一个文本编辑区域，当状态在Redux中变化时，光标会跳到末尾。我希望光标留在编辑停止的位置，

<div className={classes.speaker} ref={myRef}>
    <ContentEditable
        key={position}
            style={{
                flex: 1,
                    display: 'flex',
                    flexWrap: 'wrap',
                    alignItems: 'center'
                }}
            innerRef={contentEditable}
            html={html} // innerHTML of the editable div
            disabled={!editMode} // use true to disable editing
            className={holdingCtrlKey ? 'cursor-pointer' : ''}
            onChange={e => {
                autoSave(e);
            }}
            onClick={e => {
                if (editMode) {
                    setEditingNow(true);
                    setStartingPoint({ ...e.target.dataset });
                }
                handleClick(e);
            }}
            tagName="div" // Use a custom HTML tag (uses a div by default)
    />
</div>

我可以在每个跨越中保存数据位置的跨度位置。 如何将光标保持在编辑停止的位置

您在图像中看到的，它会在状态更改后跳到末端