Question

我目前正在通过抽象实际React组件之外的所有 init 函数来重构项目。

这些 init 函数可以简单地充实Redux存储并设置一些cookie。

假设我将它们存储在名为 AppInit.js 的文件中，如下所示：

..

hydrateRedux = () => {
  //
}

setCookies = () => {
  //
}}

..

我应该采用什么方法来调用此初始化文件以运行所有函数？

我当时想做一些类似 actions 的文件，但是我更喜欢只调用文件来自动运行函数，而不是一个个地调用它们...

Answer 1

这可以是您的init.js文件：

// init.js
export const firstInitFunction = () => console.log('init first')

export const secondInitFunction = () => console.log('init second')

export const thirdInitFunction = () => console.log('init third')

这可以是您的index.js文件（或需要从init.js调用函数的任何文件：

// index.js file
import * as inits from './init.js'; 

inits.forEach(init => init())

还有许多其他方法可以做到这一点。这可能是最直接的。

您还可以在inits.forEach(init => init())文件中执行init.js。这样，您的index.js文件将如下所示：

// index.js file
import './init.js'

在ReactJS / React-Native中导入初始化函数

1 个答案: