如何编辑React物料的TextField值？

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

const [textFieldValue, setTextFieldValue] = useState('');

<TextField
  label="TextField"
  value={textFieldValue}
  onChange={(e) => setTextFieldValue(e.target.value)}
/>

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

const MyComponent = () => {
  const [textFieldValue, setTextFieldValue] = useState('');

  return (
    <TextField
      label="TextField"
      value={textFieldValue}
      onChange={(e) => setTextFieldValue(e.target.value)}
    />
  );
};

export default MyComponent;