如何在更改时将useState常量设置为输入值

import React, { useState } from 'react';

const [inputValue, setInputValue] = useState('');

<input type="text" value={inputValue} onChange={e => setInputValue(e.target.value)} />

import React, { useState } from 'react';

const MyComponent = () => {
  const [inputValue, setInputValue] = useState('');

  return (
    <div>
      <input type="text" value={inputValue} onChange={e => setInputValue(e.target.value)} />
      <p>输入的值为：{inputValue}</p>
    </div>
  );
};

export default MyComponent;