如何在加载React组件时触发此函数，而不需要单击按钮？

import React, { Component } from 'react';

class MyComponent extends Component {
  componentDidMount() {
    this.myFunction();
  }

  myFunction() {
    console.log('函数在组件加载时被触发');
    // 在这里执行你需要的操作
  }

  render() {
    return <div>我的组件</div>;
  }
}

export default MyComponent;

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    myFunction();

    // 如果你不希望这个effect在每次渲染后都执行，可以返回一个清理函数
    return () => {
      // 清理操作（如果有的话）
    };
  }, []); // 空数组作为第二个参数表示这个effect只在组件挂载和卸载时执行

  function myFunction() {
    console.log('函数在组件加载时被触发');
    // 在这里执行你需要的操作
  }

  return <div>我的组件</div>;
}

export default MyComponent;