javascript - 使用 MaterialUI 输入组件时如何将光标放在文本的开头并将焦点移动到开头

Question

我已经经历了许多关于此的 stackoverflow 问题，但没有得到有效的解决方案，我能够将光标放在文本的开头，但是焦点并没有移到开头。下面是组件代码，

<Input
    inputRef={this.inputRef}
    inputProps={{
        onFocus: e => {
            setTimeout(() => {
                if (this.inputRef.current)
                    this.inputRef.current.setSelectionRange(0, 0);
            }, 10);
        },
    }}
    autoFocus={true}
/>

该图像显示光标已移至开头（因为它在结尾处不可见），但焦点并未移至开头，对此的任何解决方案都非常感谢。

标签： javascriptreactjsmaterial-ui

Answer 1

当我在sandbox中尝试时，您的代码似乎可以工作。

你可以在沙箱中验证它吗？并使用为Input组件提供的任何其他属性更新问题。