Tengo curiosidad por saber si hay una forma de reutilizar useSelector en redux , ya que lo uso varias veces en diferentes pantallas.
Intenté crear un archivo selector.ts como este, pero no funcionó porque no está dentro de la tienda y no es un componente de función. ¿Alguna idea de cómo puedo reutilizar este código?
export const branch = useSelector((state: any) => state.branchReducer.branch);Puede pegar la función de selector en un archivo, luego hacer que cada componente importe el selector y lo pase a useSelector:
// selectors.ts export const branchSelector = (state: any) => state.branchReducer.branch; // used like: import { branchSelector } from './some/path' const Example = (props) => { const branch = useSelector(branchSelector); // ... }O puede crear ganchos personalizados y usarlos:
// selectorHooks.ts export const useBranch = () => useSelector((state: any) => state.branchReducer.branch); // used like: import { useBranch } from './some/path'; const Example = (props) => { const branch = useBranch(); // ... }