我如何将函数传递给 React 中的父组件？

Question

在我的 React 项目中，我想将所有函数保存在一个文件中，然后我想在需要的地方使用这些函数。我可以通过 props 传递，但那样我就无法将函数传递给父组件。有些人建议我使用上下文 API。我可以通过上下文 API 传递静态数据，但我不知道如何传递函数。你们谁能给我一个可能的解决方案或想法吗？

Answer 1

假设您有一个 utils.js 文件如下

export function add(a, b) {
  return a + b;
}

然后您可以像这样在组件中导入该函数

import { add } from './utils';

const result = add(2, 3);

function App() {
  return <div>{result}</div>
};