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

NoneUseContext - это ловушка React для управления глобальным состоянием через Context API.
1 ответ

Значения не передаются и не отображаются даже после использования useContext() в хуках реакции

Я использовал useContext() чтобы получить такие значения, как name and photo в Navigation.js. Я установил<UserProfileContext.Provider value={{ updateProfile, setUpdateProfile}}> в Profile.js. Но по-прежнему значения не отображаются в Navigatio…
16 июн '20 в 15:00
1 ответ

Невозможно уничтожить переданные значения в поставщике контекста с помощью ловушки useContext

Код в песочнице: https://codesandbox.io/s/goofy-dhawan-n2kk2?file=/src/components/NavBar.jsx Ошибка: TypeError: Cannot destructure property 'books' of 'Object(...)(...)' as it is undefined.
26 апр '20 в 11:54
0 ответов

Как решить неожиданный токен

Я создаю пакет тостов, используя перехватчик реакции (useContext), но он работал в приложении до публикации, и я получил неожиданный токен [1] ! [1]:
16 апр '20 в 16:39
1 ответ

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

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

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

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

Где определять прослушиватели событий сокетов, которым требуются данные из глобального состояния, с помощью хуков в React

Я изучал хуки, и одна концепция до сих пор меня смущает. При использовании useEffect все переменные, объявленные внутри, устаревают после следующего повторного рендеринга. Чтобы получить доступ к изменению значений внутри useEffect, наиболее распрос…
2 ответа

Невозможно деструктурировать свойство currentUser объекта Object(...)(...), поскольку оно имеет значение null

Я получаю сообщение об ошибке "Невозможно деструктурировать свойство 'currentUser' объекта 'Object(...)(...)', поскольку оно имеет значение NULL", когда я использую обработчик useContext() из response в Next.js. // Other imports import CurrentUserCo…
2 ответа

Динамически обновлять контекст в ловушке React Native

Я пытаюсь обновить тему своего собственного приложения для реагирования с помощью контекстного API, но выдает ошибку. SetThemeMode не является функцией. (В 'setThemeMode(themeMode === ' светлый '? ' Темный ': ' светлый ')', 'setThemeMode' - "i") Я в…
1 ответ

целевой элемент DOM с React.createPortal

Я хотел бы получить innerHTML div с "редактором" className, который я передаю через useContext. Как только я получу innerHTML, я добавлю его в div с именем className "getcontent". В настоящее время мой код выдает мне сообщение об ошибке "Ошибка: цел…
30 мар '20 в 22:04
0 ответов

React Router и useContext не работают вместе

Когда я пытаюсь прочитать данные, они успешно регистрируются в консоли в каждом файле, кроме моего SwitchRouter.tsx, и я не знаю почему. Я пытаюсь получить значение пользователя (isLogin) и на основе этого значения условно визуализировать компонент.…
13 апр '20 в 16:43
2 ответа

Правильный способ использования useEffect() для обновления при изменении данных

UseEffect ниже отображает, извлекает данные и отображает их один раз (используя пустой массив для второго параметра в useEffect). Мне нужно, чтобы он запускал useEffect каждый раз, когда пользователь изменяет данные в базе данных (когда пользователь…
28 апр '20 в 05:23
0 ответов

ContextAPI теряет состояние при перезагрузке страницы и при открытии в новой вкладке

Я занимаюсь созданием приложения с рецептами и использую контекстный API, чтобы гарантировать, что данные, которые я получил в результате вызова API, доступны во всех моих компонентах. Все работает как надо на первый взгляд. Проблема в том, что когд…
03 май '20 в 22:43
0 ответов

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

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

Хук createContext не работает для компонентов реакции внутри JSP

Я визуализирую свой компонент реакции внутри существующей страницы JSP, используя ReactDOM.render( React.createElement(MyReactComponents.myReactComponent, { props }), document.querySelector("#id") ); а компонент реакции следующий: import MyStore fro…
08 май '20 в 00:13
2 ответа

Как я могу правильно определить интерфейс типа при использовании React useContext?

Я имею: export interface AppStateType { isOnline: boolean } const AppContext = createContext([{}, () => { }]); const AppProvider = (props) => { const [appState, setAppState] = useState<AppStateType>({ isOnline: true }) return <AppCont…
13 май '20 в 16:16
1 ответ

Какой метод одновременного перетаскивания / перемещения объектов наиболее эффективен?

Это скорее общий вопрос дизайна, чем конкретный вопрос о фрагменте кода. Позвольте мне сделать набросок: Представьте себе холст с ломаной линией, состоящей из 3 или более точек. Каждая из этих точек имеет круговой объект в качестве перетаскиваемого …
10 мар '20 в 11:30
0 ответов

В чем причина того, что мой редуктор не обновляет контекст должным образом?

Я использую редуктор для обновления контекста. case 'SET_POSTS': return { ...state, posts: action.posts }; case 'REMOVE_POST': return { ...state, posts: state.posts.filter(post => post.id != action.id) }; Эта отправка не приведет к обновлению dis…
03 апр '20 в 01:33
0 ответов

Реагировать на обновленный контекст, недоступный с помощью withAuth HOC

Я работаю над аутентификацией для проекта реакции, используя useContext, useReducer и компонент более высокого порядка (HOC) для аутентификации маршрутов. Проблема, с которой я столкнулся, заключается в том, что после входа в систему HOC перенаправл…
25 апр '20 в 10:37
1 ответ

Реагировать - использование контекста для передачи переменной массива, но при обновлении компонент, получающий переменную массива, не повторно отображает

Я использую Context передать exerciseList переменная массива для двух разных компонентов, ExerciseList компонент и Exercise составная часть. Exercise компонент отображает отдельные упражнения, а затемExerciseList компонент импортирует это и реализуе…
12 май '20 в 22:51
1 ответ

Состояние реакции не обновляется после вызова диспетчеризации с использованием хука React useContext

Ура, ребята, здесь новичок в React.По сути, я пытаюсь получить обновленное состояние с помощью React.useContext крючок. В state устанавливается внутри вызова функции, в которой размещается отправка, а вызов функции привязывается к событию onClick кн…
15 май '20 в 16:28