useSelector with several dependencies

[Developer062025]

Hi.

I started migrating my application from connect to useSelector, and i started to face some situations that bothers me.

The problem comes when i have a normalized store and i need selectors to derive data that depends of other selectors derived data, that depends of more selectors inside of them.

According to the hypothetical situation from my imagination below:
(ignore the fact that i could do things differently)

// Regions reducer statestate={regions: [{id: 'rrid00',name: 'South City',tip: 0.3},{id: 'rrid01',name: 'Noth City',tip: 0.1}]}// Sellers reducer statestate={sellers: [{id: 'uuid00',regionId: 'rrid00',name: 'Sun Farm',tip: 0.1},{id: 'uuid01',regionId: 'rrid01',name: 'Happy Farm',tip: 0.1}]}// Products reducer statestate={products: [{id: 'nnid00',name: 'Apple',price: 1.20},{id: 'nnid01',name: 'Orange',price: 1.30}],}// Invoice reducer state state={ customerId,items: [{id: 'bbid00',productId: 'nnid00',quantity: 3,sellerId: 'uuid00'},{id: 'bbid01',productId: 'nnid01',quantity: 1,sellerId: 'uuid00'}]}

Lets say i want to derive the invoice total price

// Deriving invoice total pricefunctionselectInvoicePrice(items,sellers,products,regions){lettotalPrice=0items.forEach(item=>totalPrice+=selectItemTotalPrice(item,sellers,products,regions))returntotalPrice}functionselectItemTotalPrice(item,sellers,products,regions){constproduct=selectProductById(item.productId,products)constproductPrice=selectProductPrice(product,sellers,regions)returnproductPrice*item.quantity}functionselectProductPrice(product,sellers,regions){constseller=selectSellerById(product.sellerId,sellers)constsellerTip=selectSellerTip(seller,regions)returnproduct.price+sellerTip}functionselectSellerTip(seller,regions){constregion=selectRegionById(seller.regionId,regions)returnseller.tip+region.tip}

As you can see, im starting to pass all the states as dependencies to each selector.

Is there a cleaner way to do this?

I could simple access the store.getState or useSelector inside of each selector, to get the piece of state that i need.

But is that an appropriate aproach?

[markerikson]

What you've got seems fine to me.