代码之家 › 专栏 › 技术社区 › Thiago Rodrigues

从Reducer调用选择器

ngrx-store ngrx redux typescript javascript

Thiago Rodrigues · 技术社区 · 8 年前

我可以使用减速器中的选择器吗?

我有一个类似的代码:

    case Action Types.ACTION: {
          const loading = getIsLoading(state) 
Â Â Â Â Â Â Â Â Â Â Â return {
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â atribute1: false,
Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â attribute2: action.payload,
Â Â Â Â Â Â Â Â Â Â Â }
Â Â Â Â Â Â Â }

Â Â Â Â Â Â Â default: {

Â Â Â Â Â Â Â Â Â Â Â return state;

Â Â Â Â Â Â Â } 

Â Â Â }

}


export const getState = createFeatureSelector<State>('feature');

export const getIsLoading = createSelector(

Â Â Â getState,

Â Â Â state => state.loading

);

当我首先调度一个动作时,我会遇到这样一个错误:“无法读取未定义的‘加载’”。

我的错在哪里?我的方法有问题吗?

1 回复 | 直到 8 年前

Adrian Fâciu 8 年前

正如我在评论中所说: 最好不要在该州复制信息。 如果您需要调用减速机中的选择器,看起来您可以这样做。

您可以通过创建第三个更高阶的reducer来避免这样做,该reducer将从现有的reducer中返回所需的任何内容。

因此,您有了getIsBusy reducer,并创建了另一个reducer,它只会返回您所在州的新数据,即您想要读取的isBusy:

export const getAttribute = createSelector(
   getState,
   state => state.attribute

);

现在您有了getIsBusy和getAttribute作为选择器,可以创建第三个选择器,在其中可以放置所需的逻辑:

export const getHigherOrderSelector = createSelector(
   getIsBusy,
   getAttribute,
   (isBusy, data) => {
      return { isBusy, data };
      // Or whatever other processing you might want to do here
   }
);

推荐文章

zuZuu · React Redux-无法设置未定义的属性(设置“value”)

3 年前

universe11 · 对伊默来说,这是正确的还是错误的?

4 年前

Huy282002 · 将redux toolkit与JS一起使用时,不能跳过在CreateSicle()中键入状态

4 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

4 年前

Kiv Daor · 当某些项具有未知值时,排序数组无法正常工作

4 年前

Chong Lip Phang · 不变性检查中间件在Redux工具包中做什么?

4 年前

geyser · React Redux toolkit-输入字段的状态管理

4 年前

Avishay Matayev · 正在获取redux的connect HOC的包装组件类型,以便与React一起使用。在不重新导入的情况下重新创建对象

4 年前

Hamed Ezati · 为什么项目会附加到redux而不是替换?

4 年前

Arash jahan bakhshan · redux未使用React 18重新呈现组件

4 年前