在看了一些类似问题的答案后,我无法让我的选择器工作。下面是我的selector.js:
export const getButtonStatus = state => state.buttonStatus;
(That是整个文件。我不知道是否需要导入任何内容。从我在这里看到的其他答案来看,似乎不需要。)
这就是我在我的 Saga 中试图访问选择器的地方:
import { takeLatest, call, put, select } from "redux-saga/effects";
import { getButtonStatus } from "./selector.js";
...
export function* watcherSaga() {
yield takeLatest("get-tweets", workerSaga);
}
function* workerSaga() {
try {
const buttonStatus = yield select(getButtonStatus);
const response = yield call(getTweets(buttonStatus));
const tweets = response.tweets;
yield put({
type: "tweets-received-async",
tweets: tweets,
nextTweeter: response.nextTweeter
});
} catch (error) {
console.log("error = ", error);
yield put({ type: "error", error });
}
}
...
下面是我收到的错误:
Error: call: argument of type {context, fn} has undefined or null `fn`
我刚到 Saga ,谁能告诉我哪里做错了?
2条答案
按热度按时间hyrbngr71#
错误不在选择器,而在
yield call
-它将函数作为一个arg,后跟传递给函数的参数:https://redux-saga.js.org/docs/api/#callfn-args。所以应该是:const response = yield call(getTweets, buttonStatus);
否则看起来不错!
cgh8pdjw2#
问题
您可能正在执行以下操作:
因此,您不传递函数本身,而是传递函数调用。
修复
尝试只发送函数,而不发送其调用。
注意,我们只有
bar
,而没有bar()
。