Описание тега redux-toolkit
По вопросам относительно пакета redux-toolkit npm. Redux Toolkit - это стандартный способ написания логики Redux.
1
ответ
Redux-Toolkit createAsyncThunk Dispatch отображается как undefined
Используя Redux-Toolkit, я пытаюсь использовать ThunkAPI и отправку внутри createAsyncThunkно я получаю отказ из-за ошибки типа. Не знаю, как это решить. мой магазин: export const store = configureStore({ reducer: rootReducer, middleware: [...getDef…
07 июл '20 в 18:12
1
ответ
Аргумент типа DeepPartial <S> не может быть назначен параметру типа PreloadedState <S>
У меня есть "@reduxjs/toolkit": "1.4.0", а также "redux": "4.0.5" Получение ошибки с типом preloadedState в configureStore.ts.
22 июл '20 в 14:00
1
ответ
Как получить тип AppDispatch Typescript в наборе инструментов redux, когда хранилище инициализируется функцией?
Сегодня мой AppDispatch тип извлекается из store.dispatch: import { configureStore, combineReducers } from "@reduxjs/toolkit"; import auth from "./auth/authSlice"; const rootReducer = combineReducers({ auth }); const store = configureStore({ reducer…
23 май '20 в 20:46
1
ответ
Как использовать настраиваемое промежуточное ПО для асинхронных действий
Вот что у меня в searchSlice: export const search = param => (dispatch, getState) => { dispatch(searchParamUpdated(param)) const items = getState().items.entities dispatch(itemsMatchesByNameUpdated(items.filter(item => item.name.indexOf(par…
12 июн '20 в 05:49
0
ответов
Как избежать дублирования редуктора в redux-toolkit
Я избегал дублирования кода для registerSuccess и loginSuccess, registerFailure и loginFailure. и мне нужны разные типы соответственно name: 'auth', initialState, reducers: { loginSuccess: (state, action) => { localStorage.setItem('token', action…
30 май '20 в 22:25
0
ответов
тестирование createAsyncThunk с ошибкой обещания
Я тестирую API createAsyncThunk в Redux Toolkit на JS, и у меня возникла ошибка, мне нужна помощь. Я просто копирую пример реакции Todo, я пытаюсь создать функцию delay add todo для тестирования redux thunk. Это компонент функции стрелки AddTodo Rea…
18 авг '20 в 04:14
0
ответов
Модульное тестирование Redux-toolkit
Я пытаюсь проверить изменение магазина. Итак, когда я отправляюrateRecipe с участием {id: 1, rating: 2}, Я получаю следующую ошибку: TypeError: Cannot set property 'rating' of undefined slice.js: it('rating a recipe updates the store', () => { co…
18 апр '20 в 14:50
1
ответ
Как правильно использовать PayloadAction с метатипом в redux-toolkit?
Упрощенный пример import { createSlice, PayloadAction } from '@reduxjs/toolkit'; type Cake = { flavor: string; size: 'S' | 'M' | 'L'; }; const initialState: { all: Cake[]; meta: { currentPage: number } } = { all: [], meta: { currentPage: 0, }, }; co…
20 фев '20 в 16:07
0
ответов
Идиоматический способ объединения фрагментов и редукторов redux toolkit
Techstack: набор инструментов React, redux, redux (по расширению Immer). Пример использования - я пытаюсь объединить кусочки. Срезы предназначены для независимых частей состояния, интерфейс которых определяется сторонней библиотекой. Я пытаюсь сдела…
15 апр '20 в 13:58
1
ответ
Чистый способ действия для запуска нескольких асинхронных действий с createAsyncThunk
Мы откладываем рендеринг нашего веб-приложения React-Redux до тех пор, пока не будут завершены несколько задач инициализации асинхронного приложения в магазине Redux. Вот код, который настраивает хранилище, а затем запускает действие инициализации: …
26 авг '20 в 13:06
0
ответов
Набор инструментов Typescript Redux действие выхода из системы axios dispatch
Я установил этот перехватчик const setupAxiosInterceptors = (onUnauthenticated: () => void) => { const onRequestSuccess = (config: AxiosRequestConfig) => { console.log("request success", config); const token = Storage.local.get("auth"); if …
14 июн '20 в 17:35
1
ответ
Создавайте простые селекторные функции с помощью redux-toolkit
Есть ли способ автоматически создавать простые функции селектора, когда я использую createSliceфункция из https://redux-toolkit.js.org/?
02 дек '19 в 23:06
1
ответ
Переключение шагов с помощью redux-toolkit обновляет состояние магазина, а не представление
Привет у меня есть компонент StepWizard с местным государством. https://codesandbox.io/s/react-step-wizard-tusy1 Я пытаюсь изменить его, чтобы использовать redux-toolkit вместо. https://codesandbox.io/s/redux-step-wizard-jq7xg Я застрял при переключ…
31 янв '20 в 12:50
0
ответов
Как правильно ввести NormalizedSchema как PayloadAction в redux-toolkit?
Я решил использовать redux-toolkitчтобы уменьшить шаблон redux. Моя проблема в том, что я не могу найти пример или правильный способ ввести нормализованную полезную нагрузку? Я использую шаблон TS в проекте React Native. Это мой упрощенный вариант и…
18 фев '20 в 23:00
1
ответ
Добавить элемент во вложенный массив в redux-toolkit
Redux Toolkit выдает мне ошибки мутации при попытке обновить состояние во вложенном массиве, и я думал, что он использовал immer, чтобы обойти это и упростить редукторы. Мой магазин выглядит так: состояние -> формы -> разделы Я хочу добавить раздел …
20 мар '20 в 20:16
8
ответов
Ошибка: производитель погружения вернул новое значение * и * изменил его черновик. Либо вернуть новое значение *, либо * изменить черновик
Итак, я новичок в наборе инструментов redux. У меня есть редуктор const userAuthSlice = createSlice({ name: "userAuth", initialState: { token: '', }, reducers: { setToken: (state, action) => state.token = action.payload.test, }, }); И у меня есть ди…
23 мар '20 в 02:22
0
ответов
Redux-toolkit (immer) тестовое покрытие
Я использую redux-toolkit для своего приложения, он позволяет писать изменяемые редукторы, но Jest не собирает покрытие для изменяемых изменений хранилища: export const slice = createSlice({ name: "auth", initialState, reducers: { authorize:(draftSt…
24 мар '20 в 18:49
1
ответ
Redux-Toolkit и React Hooks - изменение магазина не вызывает повторного рендеринга
Я пытаюсь предварительно заполнить форму информацией из базы данных всякий раз, когда URL-адрес содержит параметр запроса с идентификатором. Я не могу заставить сайт запускать повторную визуализацию, когда информация извлекается из базы данных. Соот…
01 апр '20 в 19:50
2
ответа
Динамическая загрузка initialState с помощью createSlice в Redux Toolkit
Есть ли хорошо известный шаблон для внедрения полезной нагрузки динамического начального состояния в объект initialState Redux-Toolkit? То есть я хотел бы сделать это - import initialState from './initialState'; function generateSlice(payload = {}){…
02 апр '20 в 21:57
1
ответ
Набор инструментов Redux: есть ли у двух частей ссылки на действия друг друга в extraReducers?
Я хотел бы, чтобы два разных фрагмента перекрестно ссылались на действия друг друга следующим образом: const sliceA = createSlice({ name: "sliceA", initialState: null, reducers: { someReducer: (state, action) => { // do something }, }, extraReduc…
10 апр '20 в 13:52