Публикации по теме 'react-context'
Реализация частных маршрутов с помощью React Router и Hooks
Недавно мне пришлось настроить как частные некоторые маршруты приложения React (доступные только для аутентифицированных пользователей). В этом посте описывается базовая реализация приложения, которая охватывает:
Маршрутизация осуществляется с помощью React Router . Частные маршруты доступны только для аутентифицированных пользователей. Данные авторизации доступны из любого компонента с помощью React Context .
Начальная настройка
Мы создаем простое приложение React с общим..
Вопросы по теме 'react-context'
Запускает ли новый React Context API повторный рендеринг?
Я пытался понять новый React Context API и играл с ним. Я просто хотел проверить простой случай - что все перерисовывается при обновлении данных для провайдера.
Проверьте этот небольшой пример на Codesandbox
Итак, в моем примере у меня есть...
57171 просмотров
schedule
01.04.2023
React 16.3 Контекст: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: объект
Я новичок в React, так что это может быть очень просто.
По сути, я пытался работать с модальными окнами, используя Context. Я настроил свой контекст (отдельный файл):
import { createContext } from 'react';
export const ModalContext =...
927 просмотров
schedule
26.02.2022
React Context API - как получить ссылку на объект состояния в провайдере для условного метода
Я тестирую React Context API и успешно передаю свои элементы состояния и метод компоненту Consumer. Однако, когда я добавляю к методу некоторую условную логику, я теряю ссылку на элементы объекта состояния. Я получаю сообщение об ошибке «Не удается...
1141 просмотров
schedule
19.09.2022
React - New Context API не работает с Class.contextType, но работает с Context.Consumer
Я пробую новый контекстный API, используя HOC, который возвращает завернутый компонент. Это не работает, когда я использую подход Class.contextType = Context :
return function myHOC(WrappedComponent) {
class HOC extends React.Component {...
2598 просмотров
schedule
08.01.2023
Обновление контекста реакции из потребительского компонента DidMount вызывает бесконечное количество повторных отрисовок
Я пробую управлять состоянием в React с помощью Context API; Я хочу добиться того, чтобы, достигнув определенного маршрута, я загружал данные с сервера, сохранял их в контексте и отображал на самой странице. Это вызывает бесконечный цикл, когда...
1884 просмотров
schedule
16.07.2022
Что установить в качестве значения поставщика, чтобы изменить контекст от потребителя в Typescript?
Я пытаюсь научиться использовать хуки и контекст в React, но мне нужно работать с TypeScript (тоже в новинку).
Мой вариант использования — авторизация: пользователь либо вошел в систему, либо нет, и у него есть роль (например, «Администратор»,...
1983 просмотров
schedule
06.04.2023
React Context не отображает компонент
Я использую контекст и React Router. Когда я создал свой контекст и обернул компоненты, ничего не рендерилось. Когда я проверяю консоль, я вижу зарегистрированные данные, которые я извлекаю (они поступают из useEffect в AnimeContext ), но...
139 просмотров
schedule
02.11.2022
Вернуть JSX из обещания в React Native
Я хочу условно визуализировать компоненты в моем собственном приложении для реакции, я пробовал, но, похоже, ничего не работает. Инвариантное нарушение: объекты недопустимы в качестве дочерних React (обнаружен: объект с ключами {_40, _65, _55,...
97 просмотров
schedule
06.06.2023
«дети» отсутствуют в проверке реквизита
поэтому я использую этот удивительный контекст реакции и перехватываю структуру проекта реакции, чтобы передавать значения из состояния в компонент, но когда я деструктурирую дочерние элементы, предупреждает меня, что children' is missing in props...
1980 просмотров
schedule
08.11.2022
Ошибка React Hook при вызове Apollo useQuery ()
Я получаю указанную ниже ошибку, когда пытаюсь использовать useQuery (). Пожалуйста, дайте мне знать, если вам нужна дополнительная информация.
Ошибка: неверный вызов ловушки. Хуки могут быть вызваны только внутри тела функционального...
746 просмотров
schedule
09.09.2022
Как передать состояние по умолчанию для поставщика глобального хранилища React из Laravel Blade?
Я настроил глобальное хранилище для своего приложения, используя React Context API следующим образом:
class App extends Component {
render() {
return (
<SettingsProvider>
<Items />...
309 просмотров
schedule
16.08.2022
Как получить доступ к методу диспетчеризации нескольких контекстов в хуках React Context API?
У меня есть приложение с несколькими контекстами:
class App extends Component {
render() {
return (
<SettingsProvider>
<ContentProvider>
<Component />
</ContentProvider>...
1655 просмотров
schedule
17.02.2023
реагировать Войти с помощью useContext useReducer базовый пример
Я использую машинопись. Я хочу
Создать контекст
Используйте контекст в маршрутизации
Обновите контекст при входе в систему.
Я следую этому руководству , за исключением того, что Typescript вырезал мой надежды короткие. Смотри ниже...
4876 просмотров
schedule
04.11.2022
React context api возвращает undefined при установке состояния
Недавно я начал изучать реакцию, и я использую контекстный api для хранения своего глобального состояния.
Здесь, в файле MyProvider.js , я определяю своего провайдера, и он просто хранит 2 массива json obj.
import {MyContext} from...
1325 просмотров
schedule
04.06.2023
React Hooks: компонент рендеринга после изменения значения, хранящегося в контекстном API?
Я разрабатываю веб-приложение в React. Я пытаюсь сделать следующее:
Получите информацию о пользователе из базы данных и сохраните ее с помощью Context API.
Визуализируйте компонент при изменении контекста.
Проблема в том, что...
87 просмотров
schedule
07.02.2023
Axios - обновить цикл токенов
поэтому я новичок в аксиомах и контексте, но у меня есть контекст Auth, который предоставляется на уровне приложения, и этот контекст используется несколькими дочерними компонентами. В этом контексте у меня есть перехватчик axios, который проверяет...
537 просмотров
schedule
28.06.2023
nextjs: _app.js отображает дочерние компоненты перед компонентами оболочки (контекст асинхронной реакции зависит от индексированного хранилища браузера db)
в моем pages/_app.js есть это:
if (process.browser) {
myidb.init().then((result) => {
console.log('setup complete! Got:', result)
return (
<AppLayout>
<ItemProvider idbstore={result}>...
283 просмотров
schedule
24.12.2021
Используйте несколько useContext в одном компоненте React
Что такое хороший или даже обычный способ использования нескольких хуков useContext в одном компоненте React. Обычно я получаю состояние и отправляю от провайдера так:
const { state, dispatch } = useContext(thisIsTheContext);
Конечно, это...
3830 просмотров
schedule
12.09.2022
React (Native) Context API вызывает повторный рендеринг Stack Navigator (React Navigation 5) после обновления состояния
Заранее благодарим за помощь с этим вопросом.
Некоторый контекст (каламбур не предназначен)
Я работаю над проектом компании, который запретит мне размещать здесь весь код, но я постараюсь разместить как можно больше релевантного кода, не...
517 просмотров
schedule
11.04.2022
Панель навигации React не открывается последовательно при динамической настройке позиции панели с помощью Context API
Я пытаюсь реализовать один ящик, положение и содержимое которого можно динамически изменять.
У меня есть навигатор ящика с навигатором стека внутри. В заголовке навигатора стека есть две кнопки. Левая кнопка устанавливает drawerPosition в...
492 просмотров
schedule
04.12.2021