Описание тега use-reducer

1 ответ

Как добавить глубоко вложенный объект в глубоко вложенный массив в React Reducer?

У меня следующее состояние реакции: state: { objectOne: { arrayOne: [ { arrayTwo: [ { value: 'some value' } ] } ] } } Я использую React useContext и хуки useReducer. Я хочу добавить объект в arrayTwo. Что я пробовал до сих пор: Я вызываю функцию дис…
30 июн '20 в 16:56
1 ответ

TypeError: не удается прочитать карту свойства undefined - приложение React - проблема useContext и useReducer

Я использую реакцию для создания проекта приложения с помощью contextHook и reducerHook, но получаю: TypeError: невозможно прочитать карту свойства undefined. Тот же код работал несколько дней назад, но теперь выдает ошибку. Я потратил столько часов…
1 ответ

UseReduce Hook отправляет дважды -ReactJS

Я разрабатываю небольшое приложение с целью изучения перехватчиков реакции. Приложение состоит из написания имени исполнителя в разделе. В следующем разделе аналогичная форма для заполнения альбомов каждого исполнителя. У меня отдельные компоненты, …
0 ответов

Можно ли управлять состоянием, используя более одного редуктора с помощью хука react useReducer?

Я пытаюсь привыкнуть конкретно реагировать на хуки useReduce, для этого я делаю todoList пример, в котором я хотел бы использовать одно сокращение для управления состоянием для таких действий, как добавление, редактирование, обновление, удаление и и…
04 дек '19 в 00:45
2 ответа

В React нам нужны отдельные редукторы для каждого компонента.

Надеюсь , у вас все хорошо. Я не буду задавать вопросы по кодированию. Начинаю новый проект на React и я посвежее. Мне нужно знать, нужны ли нам отдельные редукторы для каждого компонента. (например, допустим, у меня есть компонент категории, в кото…
11 дек '19 в 15:58
1 ответ

Странное поведение javascript toString()

Я пытаюсь использовать toString для временного вывода класса в DOM. У меня какое-то поведение, я не понимаю, где переопределитьtoString()всегда будет выводить начальное состояние. Однако, если используется внешняя функция (например, stateToString) и…
09 янв '20 в 07:44
2 ответа

Постоянное состояние Next.js с перехватчиками React и localStorage

Я пытаюсь создать постоянное состояние с помощью хуков localStorage и React в приложении Next.js SSR, и все выглядит хорошо, но когда я перезагружаю страницу после обновления данных, я получаю сообщение об ошибке: Предупреждение: текстовое содержимо…
23 янв '20 в 21:58
2 ответа

Почему отправка useReducer вызывает повторную визуализацию?

Предположим, я реализую такое простое состояние глобальной загрузки: // hooks/useLoading.js import React, { createContext, useContext, useReducer } from 'react'; const Context = createContext(); const { Provider } = Context; const initialState = { i…
1 ответ

Используя React's Hooks useReducer, состояние не является "единственным источником истины"? Как приложение или сестра узнают состояние других компонентов?

Я попробовал пример кода useReducer: const initialState = { count: 0 }; function reducer(state, action) { switch (action.type) { case "increment": return { count: state.count + 1 }; case "decrement": return { count: state.count - 1 }; default: throw…
14 фев '20 в 12:23
1 ответ

Обновление состояния useReducer с помощью useEffect

В своем приложении я использую React Hooks/Context API. Теперь мне нужно назначить полученные данные из localStorage в initialState.carts / state.carts всякий раз, когда мой компонент Provider монтировался. Это возможно, если useEffect поддерживает …
1 ответ

Как использовать useReducer вместе с Formik?

У меня есть файл Context.js, в котором есть редуктор. Все это передается другим компонентам с помощью Context API. const reducer = (state, action) => { switch (action.type) { case "SET_NAME": return {...state, name: action.payload} case "SET_LAST…
11 мар '20 в 01:25
1 ответ

Обработка сложных, многоуровневых данных форм в React - флажки

Я использую перехватчик React useReducer для обработки сложных, многоуровневых данных формы в состоянии. Я следовал указаниям из этого руководства: https://levelup.gitconnected.com/handling-complex-form-state-using-react-hooks-76ee7bc937. В учебнике…
06 апр '20 в 15:39
1 ответ

React Hook useReducer всегда запускается дважды

Я загружаю данные из общедоступного API после того, как мой компонент установлен. Когда данные загружены, я передаю их редуктору, но он всегда срабатывает дважды. Вот что у меня есть: function MyComponent(props) { function reducer(data, action) { sw…
07 апр '20 в 03:53
0 ответов

получение ошибки: проверьте метод рендеринга ʻAuthProvider`

Привет, я все еще новичок в реакции, у меня проблема и ошибка: Ошибка: тип элемента недопустим: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вы, вероятно, забыли экспортироват…
07 апр '20 в 08:42
1 ответ

Редактировать данные при использовании React Hook для получения пользовательских данных?

Я пытался создать диаграмму с данными, полученными из API, который возвращает данные следующим образом: { "totalAmount": 230, "reportDate": "2020-03-05" }, { "totalAmount": 310, "reportDate": "2020-03-06" } ... Строка даты слишком длинная при отобра…
0 ответов

Использование текущего состояния и совместная работа фильтров

Я смог заставить выпадающий список из моего предыдущего вопроса работать, однако теперь у меня проблема, когда мои два фильтра не работают вместе. Например, если я отфильтрую по городу (Манхэттен), а затем выберу рынок (Домовладельцы), я ожидаю полу…
2 ответа

useReducer возвращает обещание вместо обновленного состояния

Мой редуктор: export const initialUserState = { username: '', address: '', token: '', address: '', loggedIn: false, loaded: false, }; export const userReducer = async (state, action) => { try { switch (action.type) { case 'LOAD': try { const valu…
17 апр '20 в 02:16
0 ответов

Ошибка useContext с реакцией TypeError: невозможно прочитать свойство 'email', равное null

Я пытаюсь получить значения хука, используя контекст и редуктор в React, но когда я регистрирую json, я получаю в три раза больше json с первым значением null, а второе и третье содержат правильный json. Когда я пытаюсь использовать его в ответном п…
1 ответ

Заменить элемент в массиве новым значением, используя отправку в React

У меня есть исходный массив, в который можно добавлять и удалять, проблем нет.. const initialItems = [ { id: Date.now(), text: 'Get milk', }, { id: Date.now(), text: 'Get eggs', }, ] ..но я пытаюсь понять, как эффективно редактировать текст одного и…
14 дек '19 в 20:10
2 ответа

Реагировать на хуки - поставщик контекста не сразу отражает состояние отправки

Моя цель: я создаю таблицу, которая отображает данные для пользователей. На основе определенного значения, хранящегося в глобальном состоянии (хранящегося в функции редуктора, которую API контекста предоставляет другим компонентам), я фиксирую этот …