Вот CodeSandbox с приведенным ниже примером кода, и линтер выделяет некоторые из проблем: https://codesandbox.io/s/react-repl-bw2h1 Ниже приведен базовый пример того, что я пытаюсь сделать. В компоненте контейнера у меня есть контекст...

Я не уверен, что это ожидаемое поведение, но если вы откажетесь от отправки ( https://reactjs.org/docs/hooks-reference.html#bailing-out-of-a-dispatch ) при использовании хука useReducer действие выполняется дважды, если оно с последующим рендерингом....

Я использую {useReducer} для управления состоянием моей формы. но у меня два отдельных обработчика handleChange () = для изменений входных данных (работает как ожидалось) const handleChange = async (e) => {...

Прежде всего, вот CodeSandbox: https://codesandbox.io/s/todolist-reducer-0y3mb?file=/src/context/TodosReducer.js Проблема в том, что состояние не обновляется, хотя я передаю редуктору полезную нагрузку с новым массивом. Я переставляю массив...

Как обсуждалось здесь , похоже, что редукторы React должны быть чистыми функции и никогда не создают побочных эффектов (никакие вызовы API ничего не меняют). Безопасно ли выдавать ошибку в редукторе в случае неверного ввода)? (Разве это не...

У меня есть приложение React версии 16. Изменения состояния обрабатываются с использованием React Context, концепции редуктора. Чтобы изменить состояние и сделать что-то, можно обработать это изменение, как указано ниже. Например - я нахожусь в...

Я создал образец для кнопки-переключателя. Это делается useContext (сохранение данных) и useReducer (обработка данных). и он работает нормально. Ниже приведена ссылка на CodeSandBox о том, как это работает. version 1 — это просто...

Обновление: проблема находится непосредственно в редюсере и не имеет ничего общего ни с функцией onClick, ни с функцией deleteLastItem. Я проверил это с помощью console.logs, и, по-видимому, дважды повторяется только тот, который находится...

Я использую useReducer для обновления errorsState , когда пользователь вошел в систему и потерпел неудачу. Я читал много решений, и было сказано, что dispatch является асинхронным, и я знаю это, поэтому я поместил console.log в useEffect ,...

Какое-то время я пытался придумать useReducer для глубоко вложенного состояния. const initialState = { typeOfMeal: "breakfast", protein: "", carbs: "", fat: "", mainPhoto: "",...

Я реализовал useReducer для отправки действия на основе типа действия, и каждый раз, когда я обновляю переменную состояния на основе типа действия, я всегда получаю сообщение об ошибке при попытке прочитать начальное состояние. Возможно, мой код...

поэтому я делаю приложение для отслеживания бюджета, в котором пользователь может добавлять свои источники дохода в список доходов и расходы в список расходов, и у меня оно работает, но я хотел посмотреть, смогу ли я использовать useReducer вместо...

Как лучше всего использовать логику сокращения из нескольких действий на рендеринг? В этом примере показан базовый пример моего текущего решения (создание нового действия, сочетающего логику), но должен быть способ лучше. Базовый пример: Я...

У меня есть следующая проблема в контексте React: import * as React from 'react'; export const Context = React.createContext(); function reducer (state, action) { switch (action.type) { case 'set': {...