Публикации по теме 'react-context'


React Context — Почему и как
Будучи разработчиками React, мы все знаем, что React имеет однонаправленный поток данных. Мы создаем компоненты высокого уровня, из которых мы извлекаем данные, а затем вкладываем все остальные компоненты в передачу данных с помощью реквизитов. Таким образом, данные передаются только в одном направлении, от компонента высокого уровня к его дочерним компонентам, а затем эти дочерние компоненты могут передавать данные своим дочерним элементам, если это необходимо. Теперь иногда, когда..

Вопросы по теме 'react-context'

Как новый api контекста должен работать с навигатором React Native?
Я создал многоэкранное приложение с помощью React Navigator, следуя этому примеру: import { createStackNavigator, } from 'react-navigation'; const App = createStackNavigator({ Home: { screen: HomeScreen }, Profile: { screen: ProfileScreen...
13140 просмотров

Слишком много поставщиков контекста React
Новичок, чтобы отреагировать здесь и попытаться обернуть голову вокруг нового API контекста (я еще не изучал Redux и т. Д.). Кажется, я могу делать многое из того, что мне нужно, но в конечном итоге у меня будет много-много провайдеров, и всем...
8213 просмотров
schedule 22.06.2023

Новый React Context API + LocalStorage + Subscribe (замена Redux)
У меня есть приложение, использующее Redux. Is хранит глобальное состояние, как показано ниже: Создать магазин: import {createStore, applyMiddleware} from 'redux'; import rootReducer from '../reducers'; import thunk from 'redux-thunk'; const...
5078 просмотров

_react.default.createContext не является функцией при использовании response-redux
У меня проблема при добавлении компонентов в точку входа, тут сразу выскакивает эта ошибка, как исправить? Я также пытаюсь добавить только основной компонент, но в любом случае я беру эту ошибку, в main.jsx просто класс с методом рендеринга...
45077 просмотров
schedule 22.09.2023

Передать неизвестный контекст дочернему компоненту
У меня есть внешний компонент (Leaflet Map). У этого компонента много дочерних элементов. Приложение рисует разные вещи на карте в зависимости от состояния, маршрутов и т.д. Использование листовка (или просто карты) компоненты, такие как Контуры,...
63 просмотров
schedule 02.08.2023

Хуки useContext и useReducer не работают. Ошибка: не удается прочитать состояние свойства undefined
Я пытаюсь реализовать концепцию Redux в React Native, используя createContext, useReducer и useContext. Ниже мои файлы кода: Store.tsx import React, { useReducer, createContext } from "react"; import { View, Text, StyleSheet, Button } from...
9086 просмотров

Есть ли способ заставить несколько потребителей контекста совместно использовать состояние?
Я использую React Context API, чтобы избежать бурения опор. Прямо сейчас мой Контекст включает useState и различные функции, которые обновляют состояние - они помещаются в объект const, который передается как value опора ActionsContext.Provider...
273 просмотров
schedule 01.05.2022

Контекст React возвращает undefined
Я хочу использовать контекст в React для передачи информации аутентификации дочерним компонентам. Мой поставщик контекста находится в файле с именем AuthContext.js : import React, { Component, createContext } from 'react'; export const...
3758 просмотров
schedule 03.09.2023

как удалить свойство объекта при снятии флажка в реакции?
Я использую react-final-form и получаю помощь от этого примера https://codesandbox.io/s/52q597j2p в приведенном выше примере свойство giftCardMessage удаляется из объекта, когда пользователь unchecked это поле Is this a gift? Действия...
109 просмотров

Является ли значение контекста общим для экземпляров Provider из одного и того же контекста в React?
У меня есть компонент Provider, значения которого я экспортирую с помощью ловушки. Простая реализация того, что я описываю, такова: // SomeProvider.jsx const SomeContext = React.createContext(null); function SomeProvider(props) { const...
511 просмотров
schedule 12.02.2023

React Context API не работает Ошибка: недопустимый тип элемента
Я новичок в реакции и просто изучаю Context api. У меня проблема с прохождением этой страницы с ошибкой. Я считаю, что правильно настроил свой контекст и поставщика, но не могу отобразить страницу. Ниже мой код. Любая помощь будет принята с...
538 просмотров
schedule 04.03.2022

Почему компонент не отображается в реакции js?
Итак, я научился реагировать, но мне нужна помощь, чтобы попрактиковаться. это может быть долго, но ваша помощь будет оценена по достоинству. ни один из следующих кодов не работал, поэтому я просто хочу выяснить, что я делаю неправильно. Я...
48 просмотров

React - useContext внутри класса
Я новичок в реакции и хочу использовать useContext внутри своего класса, как мне решить эту проблему? Это пример моего текущего кода прямо сейчас import { Context } from '../context/ChatListContext' const ChatList = ({ onAction }) => {...
9670 просмотров

Глобальный контекст для побитового компонента React
Я разрабатываю библиотеку компонентов React для веб-сайта. Для локальной разработки я использую Storybook. Я думаю, bit может быть хорошим инструментом (лучше, чем ссылка npm) для экспорта компонентов библиотеки и импорта их в репозиторий...
171 просмотров
schedule 05.03.2022

Как создать общий поставщик контекста в React?
Я использую контекст реакции для обмена данными между компонентами. Например, я мог бы создать пользовательский контекст: const useFirebaseUser = () => { const [user, setUser] = useState({} as User); useEffect(() => { return...
102 просмотров
schedule 06.05.2023

Как определить функции в поставщике дочернего контекста из поставщика родительского контекста в React?
Я новичок в реагировании, и я столкнулся с проблемой в Context API, используя Функциональные компоненты React Например, у меня есть сценарий, в котором мне нужно разделить поставщиков аутентификации на основе хоста, поскольку все они имеют...
111 просмотров
schedule 10.11.2022

ФИЛЬТРАЦИЯ с реагирующим КОНТЕКСТОМ; как обновить
Я пытаюсь преобразовать массив и получить глобальное состояние, используя контекст для каждого нового массива: itemsAll -> itemsFiltered -> ItemsSorted -> ... . Поэтому я помещаю функцию фильтра в поставщика контекста следующим образом:...
33 просмотров
schedule 03.08.2023