如何在Redux thunk中使用数学随机方法

Question

目前，我正在学习实施Redux Thunk，但是我完全迷路了。预期结果是必须从减速器中删除 Math.floor ，然后与Redux Thunk一起分发。尽管这样做的根本是清理减速器，并且维护和测试更加容易。因此，在和数学随机数将位于action文件夹内。在下面，您会看到一个小代码，但是我建议您单击链接以更好地理解我的意思。

我正在谈论的当前文件是 components / MemoryPageOne.js 和 action / app.js

const DifferencePageTwo = ({ newCard, page }) => {

    if(page === 'GameTwoPageOne') {
        store.dispatch(randomIndex());
    }
    
    return (
        <div>
            <div>{newCard.name}</div>
            <div>{newCard.type}</div>
            <div>{newCard.maxSpeed}</div>
            <div>{newCard.maxPassenger}</div>
            <img src={newCard.imageUrl}/>
            <div>Level {newCard.level}</div>
        </div>
    )
}

export const randomIndex = () => {
    return {
        type: types.MATH_RANDOM_CARD,
        random: Math.floor(Math.random() * 3)
    }
};

https://codesandbox.io/s/focused-frost-wp187