react material-uI 版本5.12.2 TextField组件的光标显示的位置如何获取

要获取 TextField 组件中光标的位置，可以使用 `ref` 属性获取到 TextField 组件的引用，然后访问其 `selectionStart` 和 `selectionEnd` 属性来获取光标的起始和结束位置。

例如，首先给 TextField 组件设置一个 `ref` 属性：

import { TextField } from '@mui/material';

function MyTextField() {
  const textFieldRef = React.useRef(null);

  return (
    <TextField inputRef={textFieldRef} label="My TextField" />
  );
}

然后，在需要获取光标位置的地方，可以访问 `textFieldRef.current.selectionStart` 和 `textFieldRef.current.selectionEnd` 属性来获取光标的位置，例如：

function handleCursorPosition() {
  const textField = textFieldRef.current;
  const startPos = textField.selectionStart;
  const endPos = textField.selectionEnd;
  console.log(`Cursor position: ${startPos}-${endPos}`);
}