强制TextField选择焦点上的全文

Question

每当我单击/点击/关注该字段时，我都希望获得一个TextField来选择该字段中当前的整个文本。我自己在其他带有onFocus的{​​{1}}处理程序的React应用程序中完成了此操作，但是这种方法似乎不适用于Material-UI。通过Material-UI TextField，我可以看到所选内容简短地覆盖了全文，然后返回到仅光标在文本末尾闪烁的地方。

有什么主意要怎么做吗？

Answer 1

使用以下代码对我来说效果很好：

import React from "react";
import ReactDOM from "react-dom";
import TextField from "@material-ui/core/TextField";

function App() {
  return (
    <TextField
      defaultValue="test"
      onFocus={event => {
        event.target.select();
      }}
    />
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

如果这不能解决您的问题，请分享可重现您问题的代码。