我们如何组合 Redux 中的选择器？

Question

假设我想要来自 3 个不同减速器的 3 个数据。

一般来说，我可以做这样的事情！

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

那么如何使用单个useSelector获得相同的结果

Answer 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;

Answer 2

您可以为您的 state 使用解构作业，例如：

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