从material-ui's TextField中打印React中的值

npm install @material-ui/core

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

function MyComponent() {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  return (
    <TextField
      label="输入值"
      value={value}
      onChange={handleChange}
    />
  );
}

function MyComponent() {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  const handlePrintValue = () => {
    console.log(value);
  };

  return (
    <div>
      <TextField
        label="输入值"
        value={value}
        onChange={handleChange}
      />
      <button onClick={handlePrintValue}>打印值</button>
    </div>
  );
}