react mui 如何获取TextField 的值

要获取React MUI中TextField的值，你可以使用React的状态管理来保存输入框的值。具体来说，你可以在`<TextField>`组件中使用`value` prop将输入框的值与状态中的值绑定在一起，然后在`onChange`事件中更新状态中的值。以下是一个示例代码：

import React, { useState } from 'react';
import TextField from '@mui/material/TextField';

export default function MyForm() {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log('Input value:', inputValue);
  };

  return (
    <form onSubmit={handleSubmit}>
      <TextField
        label="Input Value"
        value={inputValue}
        onChange={handleInputChange}
      />
      <button type="submit">Submit</button>
    </form>
  );
}

在上面的示例中，我们将`inputValue`状态初始化为空字符串，然后将其与`<TextField>`组件的`value` prop绑定。当用户输入内容时，`handleInputChange`函数将会被调用，并将输入框的值更新到状态中。最后，在表单提交时，我们可以通过控制台输出输入框的值。