How we can combine the selector in Redux?

Question

Suppose that I want 3 data from 3 different reducers.

In general I can do something like this!!

const data1 = useSelector((state: any) => state?.reducer1);
const data2 = useSelector((state: any) => state?.reducer2);
const data3 = useSelector((state: any) => state?.reducer3);

So how can I achieve the same result with single useSelector

score 1 · Accepted Answer · answered Jan 23 '23 at 14:18

1

const dataState = useSelector((state: any) => ({reducer1: state?.reducer1, reducer2: state?.reducer2, reducer3: state?.reducer3}));

const data1 = dataState.reducer1;
const data2 = dataState.reducer2;
const data3 = dataState.reducer3;

answered Jan 23 '23 at 14:18

Elio Rahi

166
8

score 0 · Answer 2 · answered Jan 23 '23 at 14:58

0

You can use the deconstruction assignment for your state such as:

const { reducer1, reducer2, reducer3 } = useSelector((state: any) =>
  ({
    reducer1: state?.reducer1,
    reducer2: state?.reducer2,
    reducer3: state?.reducer3
  }));

answered Jan 23 '23 at 14:58

Ilê Caian

480
1
7

How we can combine the selector in Redux?

2 Answers2