如何在单击按钮时更新useEffect挂钩？(按钮提交方法怎么写？)

import React, { useState, useEffect } from 'react';

function App() {
  const [buttonClickCount, setButtonClickCount] = useState(0);

  useEffect(() => {
    // 当按钮点击次数发生变化时，执行操作
    console.log('按钮点击次数变化:', buttonClickCount);
  }, [buttonClickCount]);

  const handleButtonClick = () => {
    // 更新按钮点击次数
    setButtonClickCount(prevCount => prevCount + 1);
  };

  return (
    <div>
      <button onClick={handleButtonClick}>点击我</button>
    </div>
  );
}

export default App;