Question 203589 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – how to prevent useSelector DRY?

I am building a project using typescript and react, with Redux Toolkit.
Now I find that I need to write sometime the same selectors again and again.
for example const userRole = useAppSelector((state)=> state.user.role),
I want a method to write it once and export it, is there a way to make this
more modular?
thank you!

Tags:

2

Answers


  1. 0

    You literally write a selector function.

    export const selectRole = (state)=> state.user.role

    And then

    const userRole = useAppSelector(selectRole)
    Login or Signup to reply.
  2. 0

    You can create custom hook

    const useUserRole = () => useAppSelector((state) => state.user.role)

    And then use it like this, inside a component or inside another custom hook:

    const role = useUserRole()
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search