Redux Toolkit -selectById

user_10492670 0
Viewed 4186

I tried to use selectbyId helper method of reduxtoolkit without a success can anyone help me with this

  1. Category Slice

    export const {
 selectAll:selectCatetories,selectById:selectCategoryById
 }=categoriesAdapter.getSelectors(state=>state.inventory.categories.categories)

  2. Category Component

    const category=useSelector((id)=>selectCategoryById(id))

I am sure there is something wrong with my implementation

redux-toolkit redux
2 Answers

To get your category with an Id, you will need to create a custom selector with reselect

import { createSelector } from '@reduxjs/toolkit';

const { selectById } = categoriesAdapter.getSelectors();

export const getCategoriesState = (rootState) => rootState.categories; // I am assuming you have a 'categories' reducer in your redux store.

export const selectCategoryEntity = (id) => {
   return createSelector(getCategoriesState, (state) => selectById(state, id));
}

Then, you will be able to use the selector hook in your React component:

const category = useSelector(selectCategoryEntity(id));
user_25333130

You just need to pass the state to the useSelector function.

const category = useSelector((state)=>selectCategoryById(state, id))
user_74242320
Related