异步函数自动返回
异步函数自动返回
提问于 2018-08-31 05:48:53
我正在使用react redux在我的应用程序中创建一个动作创建器。关键是，当我使用async await语法时，它会自动返回一个promise (没有"return"关键字)。但是，当我使用像then()这样的老式promise时，我必须显式地输入“”关键字-否则它将返回undefined。这一切为什么要发生？
app.js (createStore)：
app.get('*', (req, res) => {
const store = createStore(reducers, applyMiddleware(reduxThunk));
const promise = matchRoutes(RouteApp, req.path).map(({ route }) => {
return route.loadData ? route.loadData(store) : null;
});
console.log(promise);
Promise.all(promise).then(() => {
res.send(renderApp(req, store));
});
});route.js:
export default [
{
loadData,
path: '/',
component: Landing,
exact: true,
},
];landing.js
function loadData(store) {
return store.dispatch(fetchUser());
}
export { loadData };当我使用异步等待时
action.js
export const fetchUser = () => async (dispatch) => {
const res = await axios.get('https://react-ssr-api.herokuapp.com/users');
dispatch({
type: INFO_USER,
payload: res.data,
});
};
当我使用promise时，然后使用
// It doesn't work
export const fetchUser = () => (dispatch) => {
axios.get('https://react-ssr-api.herokuapp.com/users').then((res) => {
dispatch({
type: INFO_USER,
payload: res.data,
});
});
};
“返回”关键字
// now it works
export const fetchUser = () => (dispatch) => {
return axios.get('https://react-ssr-api.herokuapp.com/users').then((res) => {
dispatch({
type: INFO_USER,
payload: res.data,
});
});
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52105817
复制相关文章
相似问题
腾讯云开发者
