我希望使用ReactJs将所有按钮值保存在数组中

npm install react

import React, { useState } from 'react';

const ButtonArray = () => {
  const [buttonValues, setButtonValues] = useState([]);

  const handleButtonClick = (value) => {
    setButtonValues([...buttonValues, value]);
  };

  return (
    <div>
      {buttonValues.map((value, index) => (
        <span key={index}>{value}</span>
      ))}
      <button onClick={() => handleButtonClick('Button 1')}>Button 1</button>
      <button onClick={() => handleButtonClick('Button 2')}>Button 2</button>
      <button onClick={() => handleButtonClick('Button 3')}>Button 3</button>
    </div>
  );
};

export default ButtonArray;

import React from 'react';
import ButtonArray from './ButtonArray';

const App = () => {
  return (
    <div>
      <h1>Button Array Example</h1>
      <ButtonArray />
    </div>
  );
};

export default App;