material-ui 版本v5.12.2 TextField 组件光标事件如何获取输入框的值

你可以在 TextField 组件中使用 `onFocus` 和 `onBlur` 事件来捕获光标的聚焦和失焦事件，然后使用 `event.target.value` 获取输入框的值。示例代码如下：

import React, { useState } from "react";
import TextField from "@material-ui/core/TextField";

function MyTextField() {
  const [value, setValue] = useState("");

  const handleFocus = (event) => {
    console.log("Input is focused");
    console.log("Input value: ", event.target.value);
  };

  const handleBlur = (event) => {
    console.log("Input is blurred");
    console.log("Input value: ", event.target.value);
  };

  return (
    <TextField
      label="My TextField"
      value={value}
      onChange={(event) => setValue(event.target.value)}
      onFocus={handleFocus}
      onBlur={handleBlur}
    />
  );
}

在上面的示例中，当输入框聚焦或失焦时，控制台将分别输出 "Input is focused" 或 "Input is blurred" ，并且输出输入框的当前值。