сделать так
2 файла transactionFunctions и templateFunctions в них будет код импорта необходимых функций и в HOC буду передавать их обе но выбирать по условию
//transactionFunctions
export {
fetchTransaction,
selectTransaction,
fetchDocument
.....
} from '../Transaction/transactionSlice';
и
//templateFunctions
export {
fetchTransaction,
selectTransaction,
fetchDocument
.....
} from '../Template/templateSlice';
//HOC
import React from 'react';
import * as transactionFunctions from './transactionFunctions';
import * as templateFunctions from './templateFunctions';
const isTransaction = null; // check by url
const withPackage = (Component) => ({...props}) => {
const packageTypeProps = isTransaction ? transactionFunctions : templateFunctions;
return (
<Component {...props} {...packageTypeProps} />
);
};
export default withPackage;
ну или прямо в этом хоке сделай два компонента-хока и возвращай нужный в зависимости от условия. Хотя уже не принципиально (но более яитаемо)
Спасибо большое за +1 best practice✨ ✨
Обсуждают сегодня