如何在我的 React + Redux 应用程序中集成 Reselect?

Question

我正在实现 React + Redux 应用程序，发现难以将 Reselect 集成到我的应用程序中;

以下是我的代码

商店.js

import "regenerator-runtime/runtime";
import { createStore, applyMiddleware } from 'redux';
import createSagaMiddleware  from 'redux-saga';
import { createLogger } from 'redux-logger';
import rootReducer from '../_reducers';
import rootSaga from '../_sagas';
const loggerMiddleware = createLogger();
const sagaMiddleware = createSagaMiddleware()
export const store = createStore(
rootReducer,
applyMiddleware(
sagaMiddleware,
loggerMiddleware
)
);
sagaMiddleware.run(rootSaga)

操作.js

import { alertConstants } from '../_constants';
export const alertActions = {
successRequest,
successResponse,
};
function successRequest() {
return { type: alertConstants.SUCCESS_REQUEST };
}
function successResponse(message) {
return { type: alertConstants.SUCCESS_RESPONSE, message };
}

减速机.js

import { alertConstants } from '../_constants';
export function alert(state = {}, action){
switch (action.type) {
case alertConstants.SUCCESS_RESPONSE:
return {
message: action.message
};
default:
return state 
}
}

这可能是我的选择器.js，但它不起作用！

import { createSelector } from 'reselect';
const alertMessage = state => state.alert
export const makeGetAlertMessage = createSelector(
alertMessage,
message => state.alert.message
)

错误：未捕获的引用错误：未定义状态

我应该有一个名为selector.js的文件，并为这个减速器创建一个选择器， 谁能帮我为这个特定方法编写选择器？

PS：我已经参考了重新选择文档，但我无法使其工作。

Answer 1

根据我在文档中读到的内容，createSelector将使用其函数的最后一个参数来传递创建选择器中的先前参数。

所以这意味着你在这里得到的论点将是alertMessage的结果

import { createSelector } from 'reselect';
const alertMessage = state => state.alert
export const makeGetAlertMessage = createSelector(
alertMessage,
alert => alert
)

如果你只是想得到alert，你可以只返回那个。我认为您在文档中指出的有关税收的示例清楚地显示了预期的输入，以及您将收到的函数输入的内容