如何在react中创建函数文件

Question

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

Answer 1

在js文件中(例如helpers.js)声明function并添加"export"

// 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

在你的react组件

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();