Question

我在Redux上使用React，并具有以下代码：

hooks.js：

import { useDispatch } from 'react-redux';
import { checkCookieOne, checkCookieTwo } from './thunk';
...
export function useValidateCookieEffect() {
    const dispatch = useDispatch();
    React.useEffect(() => {
        dispatch(checkCookieOne());
        dispatch(checkCookieTwo());
    }, [dispatch]);
}

在我的thunk文件中：

export function checkCookieOne() {
    return async dispatch => {
        const hasCookie = Boolean(window.localStorage.getItem('cookieOne') || false);
        dispatch(store.actions.toggleCookieOneValue(hasCookie));
    };
}

export function checkCookieTwo() {
    return async dispatch => {
        const hasCookie = Boolean(window.localStorage.getItem('cookieTwo') || false);
        dispatch(store.actions.toggleCookieTwoValue(hasCookie));
    };
}

为了使其更具可读性，我想将代码合并为单行返回。

所以，来自：

export function checkCookieOne() {
    return async dispatch => {
        const hasCookie = Boolean(window.localStorage.getItem('cookieOne') || false);
        dispatch(store.actions.toggleCookieOneValue(hasCookie));
    };
}

执行类似的操作（我的尝试）-请记住，dispatch没有在此文件中声明，而是仅在hooks.js中声明：

export async function checkCookieOne() => dispatch(store.actions.toggleCookieOneValue(checkGivenCookieExists('cookieOne')));

但这是无效的语法。它抱怨箭头功能，说：

'{'或';'预期的。

如何将其变成一行？

export function checkCookieOne() { return async dispatch => dispatch(store.actions.toggleCookieOneValue(checkGivenCookieExists('cookieOne'))); }

这行得通，但这并不是我要找的东西

Answer 1

尝试一下

let checkCookieOne = async () => dispatch(store.actions.toggleMyCookieValue(checkGivenCookieExists('cookieOne')));

export checkCookieOne;

// Or maybe...

export let checkCookieOne = async () => dispatch(store.actions.toggleMyCookieValue(checkGivenCookieExists('cookieOne')));

如何返回异步箭头功能？

1 个答案: