Как использовать метод Math Random с Redux Thunk - PullRequest
Новая
       10

Как использовать метод Math Random с Redux Thunk

0 голосов
/ 01 июля 2019

В настоящее время я учусь внедрять Redux Thunk, но я полностью потерян. Ожидаемый результат заключается в том, что Math.floor должен быть удален с редуктора, а затем отправлен в Redux Thunk. Основная причина этого - очистить редуктор, и его легче обслуживать и тестировать. Таким образом, в и Math Random будет в папке действий. Ниже вы видите небольшой код, но я рекомендую вам нажать на ссылку, чтобы лучше понять, что я имею в виду.

Текущие файлы, о которых я говорю, это компоненты / 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

...