在React中调用另一个函数内部的函数

import React from 'react';

function outerFunction() {
  function innerFunction() {
    console.log('Inner function called');
  }

  innerFunction(); // 调用内部函数
}

function MyComponent() {
  outerFunction(); // 调用外部函数
  return <div>My Component</div>;
}

export default MyComponent;

import React from 'react';

function outerFunction() {
  console.log('Outer function called');
}

function InnerComponent({ innerFunction }) {
  innerFunction(); // 调用传递的函数
  return <div>Inner Component</div>;
}

function MyComponent() {
  return <InnerComponent innerFunction={outerFunction} />;
}

export default MyComponent;

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

function outerFunction() {
  console.log('Outer function called');
}

function InnerComponent() {
  const innerFunction = useCallback(() => {
    outerFunction(); // 调用外部函数
  }, []);

  useEffect(() => {
    innerFunction(); // 在组件挂载时调用内部函数
  }, [innerFunction]);

  return <div>Inner Component</div>;
}

function MyComponent() {
  return <InnerComponent />;
}

export default MyComponent;