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

要获取 TextField 组件的光标坐标位置，可以使用 `TextField` 组件的 `inputRef` 属性来获取底层 `<input>` 元素的引用，然后使用 `selectionStart` 属性来获取光标位置。

以下是一个示例代码：

import { useRef } from "react";
import TextField from "@mui/material/TextField";

function MyComponent() {
  const inputRef = useRef(null);

  const handleFocus = () => {
    const cursorPos = inputRef.current.selectionStart;
    console.log(cursorPos);
  };

  return (
    <TextField
      inputRef={inputRef}
      label="My Label"
      onFocus={handleFocus}
    />
  );
}

在上面的代码中，我们使用 `useRef` hook 创建了一个 `inputRef` 引用，将其传递给 `TextField` 组件的 `inputRef` 属性。然后，在 `TextField` 组件的 `onFocus` 事件处理程序中，我们使用 `selectionStart` 属性获取光标位置，并将其打印到控制台上。