将函数导出到react本机组件之外

// utils.js
export function fetchData() {
  // 函数逻辑
}

// MyComponent.js
import { fetchData } from './utils';

function MyComponent() {
  // 使用导入的函数
  fetchData();
  // 组件渲染逻辑
}

// utils.js
export function fetchData() {
  // 函数逻辑
}

// MyComponent.js
import { fetchData } from 'my-utils-library';

function MyComponent() {
  // 使用导入的函数
  fetchData();
  // 组件渲染逻辑
}

// MyContext.js
import React from 'react';

export const MyContext = React.createContext();

// App.js
import { MyContext } from './MyContext';

function App() {
  const fetchData = () => {
    // 函数逻辑
  };

  return (
    <MyContext.Provider value={fetchData}>
      {/* 子组件 */}
    </MyContext.Provider>
  );
}

// MyComponent.js
import { useContext } from 'react';
import { MyContext } from './MyContext';

function MyComponent() {
  const fetchData = useContext(MyContext);

  // 使用上下文中的函数
  fetchData();
  // 组件渲染逻辑
}