在React中使用多个按钮传递值

<button onClick={() => handleClick('value1')}>Button 1</button>
<button onClick={() => handleClick('value2')}>Button 2</button>

class MyComponent extends React.Component {
  handleClick = (value) => {
    // 处理点击事件
  }

  render() {
    return (
      <button onClick={() => this.handleClick('value1')}>Button 1</button>
      <button onClick={() => this.handleClick('value2')}>Button 2</button>
    );
  }
}

function MyComponent() {
  const handleClick = (value) => {
    // 处理点击事件
  }

  return (
    <button onClick={() => handleClick('value1')}>Button 1</button>
    <button onClick={() => handleClick('value2')}>Button 2</button>
  );
}

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState('');

  const handleClick = (value) => {
    setSelectedValue(value);
  }

  return (
    <div>
      <button onClick={() => handleClick('value1')}>Button 1</button>
      <button onClick={() => handleClick('value2')}>Button 2</button>
      <p>Selected Value: {selectedValue}</p>
    </div>
  );
}