React & Redux:如何在点击按钮时更新受控输入值？

import React, { useState } from 'react';

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

  // ...
}

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

<button onClick={() => setInputValue('New Value')}>更新输入值</button>

import React, { useState } from 'react';

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

  const handleButtonClick = () => {
    setInputValue('New Value');
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={e => setInputValue(e.target.value)} />
      <button onClick={handleButtonClick}>更新输入值</button>
    </div>
  );
}

export default MyComponent;