Reactjs 取消对多个调度操作的缓冲
我有一个自动完成组件,它需要来自两个独立API的结果。由于这两个API都是自动完成的,所以需要同时调用一个取消公告的时段。我正在使用react-redux和redux api。这就是我目前所拥有的。请查看我返回的搜索方法。问题是只有一个呼叫发生 在我的AutoCompleteContainer.js中Reactjs 取消对多个调度操作的缓冲,reactjs,redux,react-redux,redux-api-middleware,Reactjs,Redux,React Redux,Redux Api Middleware,我有一个自动完成组件,它需要来自两个独立API的结果。由于这两个API都是自动完成的,所以需要同时调用一个取消公告的时段。我正在使用react-redux和redux api。这就是我目前所拥有的。请查看我返回的搜索方法。问题是只有一个呼叫发生 在我的AutoCompleteContainer.js中 const mapDispatchToProps = dispatch => { const debounceDispatch = debounce(dispatch, 500);
const mapDispatchToProps = dispatch => {
const debounceDispatch = debounce(dispatch, 500);
return {
search(term) {
return Promise.all([
// Fix me! Only one of the calls below happens.
debounceDispatch(rest.actions.suggestions({ q: term })),
debounceDispatch(rest.actions.concepts({ corpus: 'desc', term: [term] }))
]);
},
async reset() {
await dispatch(rest.actions.suggestions.reset());
await dispatch(rest.actions.concepts.reset());
}
};
};
我应该在组件级别进行去盎司吗?或者这可以在这里完成吗 您需要有一个函数来分派这两个操作,然后用
去Bounce
装饰该函数
比如说:
consthandleautocomplete=()=>{
分派(rest.actions.suggestions({q:term})),
分派(rest.actions.concepts({corpus:'desc',term:[term]}))
}
常数减盎司手动完成=减盎司(手动完成,500)
您应该正确处理前面的去Bounce
,就像负责调用search
I在方法级别去Bounce的方法一样。谢谢