Estoy tratando de exportar una variable que se actualiza desde el estado. El desafío que tengo es que no puedo modificar cómo se exporta la variable, ya que se está utilizando en demasiados archivos en este momento.
¿Tal vez pueda llamar a la función desde otro archivo para ejecutar?
import { useAppDispatch, useAppSelector } from "../redux/hooks"; export const Content = () => { const { store } = useAppSelector((state) => state.StoreReducer); return store; }; export const currency = Content() && Content()?.currency ? Content()?.currency : "USD"; export default { CURRENCY: currency}Error de reacción:
Invalid hook call. Hooks can only be called inside of the body of a function component.El mensaje de error es claro, los ganchos de reacción solo se pueden llamar dentro del cuerpo de un componente de función. Pero está llamando a la función de Content en el ámbito de un módulo. Puede obtener el estado completo usando store.getState() .
import store from '<somewhere>/store'; export const Content = () => { const { store } = store.getState().StoreReducer; return store; }; export const currency = Content() && Content()?.currency ? Content()?.currency : "USD"; export default { CURRENCY: currency }