Quiero separar mi función con gancho porque tengo muchas en un solo archivo....
ejemplo de código:
const collectOrganisationUnitNode = useCallback((treeData) => { // someLogic }, []); const handleCancelClick = useCallback(() => { .../some logic }, [hideModal, selected, multiselect, tree]);Quiero eliminarlo de index.js y configurarlo en otro archivo, luego simplemente importar y usar dentro de index.js
es eso posible ?
Podría hacer un enlace personalizado que devuelva estas funciones.
const customHook = () => { const collectOrganisationUnitNode = useCallback((treeData) => { // someLogic }, []); const handleCancelClick = useCallback(() => { //some logic }, [hideModal, selected, multiselect, tree]); return { collectOrganisationUnitNode, handleCancelClick } };Luego se usa así dentro de su componente
const { collectOrganisationUnitNode, handleCancelClick } = customHook();