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

React Context предоставляет способ передавать данные через дерево компонентов без необходимости передавать реквизиты вручную на каждом уровне.
1 ответ

Можно ли изменить displayName контекстного потребителя?

Как мне обойти вложенные контексты и избежать этого ада?
02 май '18 в 16:21
1 ответ

Инициализация контейнера с помощью вызова API unstated.js (React Context API)

Я хотел бы просто инициализировать состояние контейнера с данными из вызова API, используя unstated.js (оболочка React Context). Я видел один пример, когда контейнер был создан с парой переменных: import { Container} from 'unstated'; class WordlistC…
05 сен '18 в 04:47
0 ответов

Реагировать маршрутизатор с поставщиком контекста

У меня есть 3 страницы: логин, панель инструментов и логи. Я использую Context api для защиты панели инструментов и страницы логов. Если пользователь не вошел в систему, он всегда перенаправляет на страницу входа. На панель инструментов и журналы у …
17 окт '18 в 18:14
0 ответов

Отреагировать провайдером контекста выдает ошибку в методе рендеринга

Я экспериментирую с API реагирующего контекста, и это код, над которым я работаю: import * as React from 'react'; interface ProviderState { themeColor: string; } interface UpdateStateArg { key: keyof ProviderState; value: string; } interface Provide…
1 ответ

Реагировать - Новый Context API не работает с Class.contextType, но работает с Context.Consumer

Я пробую новый контекстный API, используя HOC, который возвращает упакованный компонент. Это не работает, когда я использую Class.contextType = Context подход: return function myHOC(WrappedComponent) { class HOC extends React.Component { // static c…
01 ноя '18 в 22:13
1 ответ

Передать дочернее состояние через api контекста реакции в родительский компонент

Я пытаюсь передать состояние дочернего компонента в App.js файл. Для этого я хотел использовать новый контекстный API. Однако я прочитал, что это не может работать, потому что поставщик должен быть родителем потребителя, если значение изменяется дин…
31 июл '18 в 11:07
2 ответа

Как изменить контекст React программно?

Я пытаюсь использовать новый контекст React для хранения данных о вошедшем в систему пользователе. Для этого я создаю контекст в файле с именем LoggedUserContext.js: import React from 'react'; export const LoggedUserContext = React.createContext( );…
03 апр '18 в 12:19
0 ответов

Ошибка типа: __WEBPACK_IMPORTED_MODULE_0_react__. UseContext не является функцией

Нужна помощь в выяснении, почему контекстные хуки дают ошибку. Это моя вина или есть ошибка. Я работаю с реагировать + машинопись. Это простой компонент, в котором я хотел получить доступ к двум моим контекстам. Я не могу понять, где проблема. Я при…
07 дек '18 в 17:04
2 ответа

Как внедрить новый response-redux v6.0.0

Я пытался мигрировать react-redux v5.X.X в v6.0.0 и, кажется, нет никакой документации для этого. Я использую следующие версии: "react": "^16.4.2" "redux": "^4.0.0" "react-redux": "^6.0.0" Официальный журнал изменений говорит. Передача хранилища в к…
11 дек '18 в 20:09
1 ответ

React Context API + withRouter - можем ли мы использовать их вместе?

Я построил большое приложение, в котором одна кнопка на панели навигации открывает модал. Я отслеживаю состояние modalOpen, используя контекстный API. Итак, пользователь нажимает кнопку на панели навигации. Модал Открывается. Модал имеет контейнер п…
29 дек '18 в 22:10
0 ответов

React Context API - компонент рендеринга при изменении контекста без переноса рендера в потребителя

Я использую this.context для получения данных контекста внутри методов жизненного цикла, но когда я не оборачиваю компонент с помощью Consumer, то при изменении данных контекста мой компонент не перерисовывается. Итак, вместо этого: render() { conso…
01 янв '19 в 15:40
8 ответов

_react.default.createContext не является функцией при использовании response-redux

У меня проблема при добавлении компонентов к точке входа, тут сразу выскакивает эта ошибка, как это исправить? Я также пытаюсь добавить только основной компонент, но в любом случае я принимаю эту ошибку, в main.jsx просто класс с методом рендеринга,…
04 фев '19 в 17:54
2 ответа

Context.Provider рендеринга в исходное состояние при маршрутизации между страницами

AppContextProvider оборачивает все компоненты, частные и нет. При входе в систему вызывается диспетчеризация, и информация о пользователе обновляется и отображается в частной панели приложений. Однако при переходе на другой частный маршрут панель пр…
16 фев '19 в 18:16
4 ответа

Как правильно использовать новый React-хук useContext?

У меня есть некоторые трудности, чтобы понять новый способ использования реагирования Context API. У меня есть приложение с пользовательским классом Firebase. Теперь я хочу сделать крюк, чтобы передать его. До этого я использовал hok и context. Мои …
19 фев '19 в 04:14
0 ответов

React Form onSubmit не работает. Метод передан через API контекста

Метод, переданный через Context Api, отлично работает внутри метода onClick кнопки (внутри той же формы), но не работает внутри метода onSubmit формы. Gdpr.js render() { return ( <MyContext.Consumer> {(context) => ( <div> <form onS…
26 фев '19 в 11:52
1 ответ

Как изменить значение контекста при использовании React Hook of useContext

С использованием useContext Хук с React 16.8+ работает хорошо. Вы можете создать компонент, использовать хук и использовать значения контекста без каких-либо проблем. В чем я не уверен, так это в том, как применить изменения к значениям провайдера к…
17 фев '19 в 23:31
1 ответ

Можно ли использовать React.context для совместного использования общего объекта?

Так что я читал об использовании реагирующего контекста, чтобы избежать бурения реквизита. Базовый пример - это компонент, который предоставляет значение, которое хранится в состоянии Компонент: <ThemeContext.Provider value={this.state.shared, up…
19 янв '19 в 12:35
1 ответ

Машинопись HOC с React.createContext

У меня есть этот.js фрагмент, который мне нужно перевести на Typescript. import React from 'react'; const FirebaseContext = React.createContext(null) export const withFirebase = Component => props => ( <FirebaseContext.Consumer> {firebas…
28 фев '19 в 04:42
2 ответа

React Context API - могут ли дети / потребители требовать, чтобы поставщик изменил значение?

Ранее я использовал Redux, и на этот раз я хочу реализовать Context API. Я очень хочу сделать то, что описано в React Context API - Как получить ссылку на объект состояния в поставщике для условного метода - однако, я хочу, чтобы функция "изменения"…
08 янв '19 в 14:29
1 ответ

Контекст множественного реагирования: внутренний, зависящий от внешнего, не работает

Я хочу использовать 2 React Context для моего приложения. Первый контекст - это UserContext, который загружает информацию о пользователе. Вторым контекстом является ItemContext, который загружает информацию об элементе на основе идентификатора польз…
19 фев '19 в 17:01