如何在反应中创建函数文件[重复]

Question

如何创建一个函数文件，在其中我可以在一个文件中编写所有函数并在我的组件上调用它。就像在 PHP 中一样，我们创建一个函数文件并使用 require(function.php) 来编写所有函数。我想知道如何为我的项目创建这种类型的帮助程序/函数文件。

Answer 1

在 js 文件中，例如 helpers.js，您声明函数并添加“导出”。

// helpers.js
export const counter = (a,b) => {
  const sum = a+b
  return sum
}

在要使用计数器功能的文件中导入它。

// App.js

import { counter } from "./helpers.js"

const App = () => {
  ... 
  useEffect(()=>{
    counter(2,3)
  },[])
}

  return(
    <div>
    </div>
  )

Answer 2

在你的反应组件中

import specialFunctions from './specialFunctions'
...
specialfunctions.customFunction(something)

在你的函数文件中

//specialFuncions.js
const specialFunctions = () => {

  customFunction = (something) => { 
    ...
    return somethingElse
  }

  customFunction2 = (something) => { 
    ...
    return somethingElse
  }

  return {
    customFunction,
    customFunction2
  }
}
export default specialFunctions();