Javascript 在某些删除操作中，输入组件的反应光标跳转开始

我创建了一个构建在输入元素之上的React组件。我在这里提供了一个沙箱：。一切都很好，只是当我尝试删除带有空格的内容时，仍然有问题。例如，键入“this is some text”，然后删除其中任何一个单词，都会使光标跳到输入字段的开头。删除字符可以很好地工作，但由于某种原因，当我删除前一个字符是空格的字符时，它会让我跳到开头。奇怪的是，如果我键入“test”或其他单词，并在末尾加上一堆空格，我就没有问题了。然而，一旦我有一个单词前面有一个空格，比如“testone”，删除第二个单词就会导致光标跳转到起始位置

我见过其他人对游标跳到末尾有问题，但从未见过游标以这种方式跳到开头。我处理onChange事件的方式有问题吗

这是我的组件（沙箱中还提供了代码）：

类输入扩展组件{
状态={
输入值：“
};
handleChange=事件=>{
日志（event.target.value）；
this.setState（{inputValue:event.target.value}）；
if（this.props.onChange）this.props.onChange（this.state.inputValue）；
};
render（）{
const{type，maxLength，placeholder}=this.props；
返回(
);
}
}

我认为你的代码没有任何问题。就是这个,

<Input type="email" maxLength="100" placeholder="test" />

也许相关？我在你的沙盒中将类型改为“文本”，问题就消失了

<Input type="email" maxLength="100" placeholder="test" />

<Input type="text" maxLength="100" placeholder="test" />