在react中获取按钮的值时使用Hot

import React, { useState } from 'react';

function App() {
  const [buttonValue, setButtonValue] = useState('');

  const handleButtonClick = (event) => {
    const value = event.target.value;
    setButtonValue(value);
  };

  return (
    <div>
      <button value="Button 1" onClick={handleButtonClick}>Button 1</button>
      <button value="Button 2" onClick={handleButtonClick}>Button 2</button>
      <button value="Button 3" onClick={handleButtonClick}>Button 3</button>
      <p>Clicked button value: {buttonValue}</p>
    </div>
  );
}

export default App;