如何使用useEffect和useCallback，这样屏幕就不会在点击按钮之前调用函数

useEffect(() => {
  // 副作用操作
}, [依赖数组]);

const memoizedCallback = useCallback(
  () => {
    // 函数体
  },
  [依赖数组]
);

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

const MyComponent = () => {
  const [count, setCount] = useState(0);

  // 使用 useCallback 缓存函数实例
  const handleClick = useCallback(() => {
    setCount(count + 1);
  }, [count]);

  // 使用 useEffect 执行副作用操作
  useEffect(() => {
    console.log('Count changed:', count);
  }, [count]);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleClick}>Click me</button>
    </div>
  );
};

export default MyComponent;