如何在更新状态和DOM完全加载后调用函数

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在更新状态和DOM加载完成后调用的函数
    myFunction();
  }, []);

  return (
    // 组件的 JSX
  );
}

import React from 'react';

class MyComponent extends React.Component {
  componentDidMount() {
    // 在组件挂载后调用的函数
    myFunction();
  }

  componentDidUpdate() {
    // 在组件更新完成后调用的函数
    myFunction();
  }

  render() {
    return (
      // 组件的 JSX
    );
  }
}

$(document).ready(function() {
  // 在DOM加载完成后调用的函数
  myFunction();
});