ReactJS:如何对按钮进行操作并进行存储？

import React, { useState } from 'react';

function ButtonComponent() {
  const [buttonText, setButtonText] = useState('');

  const handleClick = () => {
    // 处理按钮点击事件
    // 可以在这里进行数据存储等操作
    setButtonText('按钮已点击');
  };

  return (
    <button onClick={handleClick}>{buttonText}</button>
  );
}

export default ButtonComponent;

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

function App() {
  return (
    <div>
      <ButtonComponent />
    </div>
  );
}

export default App;