如何将值从输入传递到按钮react？

import React, { useState } from 'react';

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

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

  const handleButtonClick = () => {
    // 在此处可以使用inputValue的值进行进一步操作
    console.log(inputValue);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <button onClick={handleButtonClick}>传递值</button>
    </div>
  );
}

export default InputButton;