Теперь добавим немного начального кода для хранилища redux.
Установи библиотеки redux
, react-redux
и redux-thunk
.
В файле src/external/redux/constants.js
создай три константы ADD_LIST
, LISTS
, WORDS
.
Значение каждой константы должно быть такое же, как и ее название.
В файле src/external/redux/actions.js
нужно создать и экспортировать action creator addList
Эта функция должна возвращать объект с двумя полями: type
и payload
.
Поле type
должно равняться ADD_LIST
, а payload
- аргументу action creator.
В этом же файле добавь метод addListResult
, который будет первым аргументом получать состояние приложение, а вторым - payload из addList
action.
Этот метод должен вернуть обновленное состояние. Обновляться должно только свойство LISTS.
addListResult
должен добавить новый объект с полем key
, равным второму аргументу addListResult
.
Вторым полем этого объекта должно быть createAt
, равное результату вызова moment
.
Этот метод используй для reducer
в файле src/external/reducer/store
для ADD_LIST
case.
Хранилище по умолчанию должно иметь 4 свойства - LISTS
и WORDS
- пустые массивы, loading
- false
, error
- null
.
Из файла src/external/reducer/store
не забудь экспортировать по умолчанию создание хранилища с подключенным middleware thunk
.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.