Итак, у меня есть компонент, который выглядит примерно так: const App = () => { const someContextValue = useSomeContext(); //custom hook that calls useContext useEffect(() => { someContextValue() }, [someContextValue]); return...

У меня есть: export interface AppStateType { isOnline: boolean } const AppContext = createContext([{}, () => { }]); const AppProvider = (props) => { const [appState, setAppState] = useState<AppStateType>({ isOnline:...

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

Например, если я получил массив (в примере 4 элемента, в реальном 50) : export default ["foo", "bar", "faz", "moo"]; Допустим, я получил компонент, который отображает данные: import React, { useContext } from 'react'; import...

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

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

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

Я хочу создать защищенный маршрут, к которому могут получить доступ только авторизованные пользователи. Это работает, НО когда я обновляю страницу, контекст не определен и перенаправляет пользователя на целевую страницу. Я действительно не...

Я создаю приложение todolist в паре с Google Firebase для хранения моих данных. В приложении вы можете создавать проекты для упорядочивания ваших задач. Я использую useContext, чтобы мои проекты были доступны для всех компонентов моего приложения....

Что мне нужно: в моем компоненте мне нужно показать счетчик загрузки при изменении значения из useContext. Я нашел решение, но оно мне не очень нравится. const MyComponent = () => { const { stateDB } = useDB // custom useContext hook //...

useContext здесь отлично работает, console.log прямо перед изменением экрана работает должным образом и дает мне объект пользователя (просто скопируйте / вставьте соответствующую информацию, чтобы сэкономить ваше время) import React, { useContext,...

Я пытаюсь динамически установить контекст в родительском компоненте из дочернего компонента, используя этот пост в качестве руководства Вот мой App.tsx: export interface User { username: string; } export interface iUserContext { users:...

Как новичок в программировании, я застрял с простым приложением, в котором перечислены элементы. Добавление элементов — это нормально. А вот что касается удаления одного элемента, то никак не могу понять, как реализовать эту функцию. Теперь при...

Это мой App.js function App() { const [patient, setPatient] = useState("1") return ( <div className="App" > <Router> <Switch> <DepNamesContext.Provider...

Столкнувшись с этой проблемой, когда мой контекст возвращает неопределенные значения, все, что он возвращает, - это начальное состояние. Здесь, в списке транзакций, я пытаюсь вызвать функцию deleteTransaction, которую я определил, но выдает ошибку,...