Импорт функций инициализации в ReactJS / React-Native
В настоящее время я занимаюсь рефакторингом проекта, абстрагируя все функции в этом за пределами фактического компонента React.
Эти функции в этом просто увлажняют хранилище Redux и устанавливают некоторые файлы cookie.
Скажем, я храню их в файле с именем AppInit.js, как показано ниже:
..
hydrateRedux = () => {
//
}
setCookies = () => {
//
}}
..
Какой подход я должен использовать, чтобы иметь возможность вызывать этот файл инициализации для запуска функций все?
Я думал о том, чтобы сделать что-то вроде файла действия, однако я предпочитаю, если я просто вызываю файл для автоматического запуска функций, а не вызываю их по очереди ...
Ответы 1
Это может быть ваш файл init.js:
// init.js
export const firstInitFunction = () => console.info('init first')
export const secondInitFunction = () => console.info('init second')
export const thirdInitFunction = () => console.info('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'