如何在设置状态完成后调用函数(React Hooks)

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

function MyComponent() {
  const [status, setStatus] = useState('');

  useEffect(() => {
    // 在设置状态完成后调用函数
    myFunction();
  }, [status]);

  const myFunction = () => {
    // 在这里编写你的逻辑代码
    console.log('函数被调用了');
  };

  const handleButtonClick = () => {
    // 设置状态
    setStatus('完成');
  };

  return (
    <div>
      <button onClick={handleButtonClick}>设置状态</button>
    </div>
  );
}

export default MyComponent;