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

Вопросы с тегом
Context-API - это глобальная система управления состоянием для React с использованием хука React useContext().
1 ответ

Метод доступа к React Context API из детского метода

Я новичок в React и пытаюсь создать контекстный API. Я читал аналогичный вопрос, но не могу найти решения. Мой файл поставщика контекста: import React, { Component } from 'react' const MyContext = React.createContext(); class ContextProvider extends…
04 май '20 в 16:00
0 ответов

Частный маршрут Не перенаправляет на страницу входа

PrivateRoute не перенаправляет на страницу входа, она все еще общедоступна. В чем проблема? это код... import React, { useContext } from 'react'; import { Route, Redirect } from 'react-router-dom'; import AuthContext from '../context/auth/AuthContex…
01 июл '20 в 20:02
0 ответов

Как установить значение начального состояния в React context api с помощью axios?

Я пытаюсь установить начальное значение с помощью контекстного API. Я вызываю функцию, но она вызывается повторно. есть ли способ вызвать асинхронную функцию в контексте, чтобы установить начальное значение const BreachContextProvider = props => …
23 июл '20 в 21:49
0 ответов

Ответ axios, как использовать в компоненте React с useeffect

Браузер выводит null Item.js:23 {path: "/item/:id", url: "/item/0", isExact: true, params: {…}} Item.js:13 {id: 0, name: "Exide", цена: "10000", описание: Array(2), скидка: 5} как получить доступ к значению батареи с сервера в компоненте реакции? `i…
15 авг '20 в 18:32
1 ответ

Значение не определено при передаче данных с помощью Context API

Я пытаюсь передать данные с помощью Context API дочерним компонентам. Ценность становитсяundefined при извлечении из компонента. Иерархия компонентов: передача данных компоненту MockTable а также UsecasePane MainContent -> MockTable MainContent -…
06 авг '20 в 12:07
1 ответ

Не удалось добавить моего провайдера в файл index.js в reactjs

У меня есть компонент MovieDetails.js и контекст (имя MyContext) и поставщик (имя MyProvider). Компонент MyProvider имеет список фильмов. Я хотел бы отобразить этот список в MovieDetails component.so, в файле index.js импортировал компоненты MovieDe…
01 авг '20 в 12:29
2 ответа

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

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

[React-Context]: ошибка проверки формы не появляется в первый раз

Ошибка проверки в моей форме входа отображается только при втором нажатии кнопки отправки с неверными учетными данными. Я замечаю, что, хотя состояние обновляется, сообщение об ошибке не отображается в первый раз. Чтобы увидеть сообщение об ошибке S…
02 июн '20 в 07:22
2 ответа

React - Очистить форму после отправки с помощью управления состоянием Context API

У меня есть простой трекер расходов с формой для добавления транзакций в серверную часть mongoDB. Я использую контекстный API и субкомпоненты формы UI материала. Я не могу понять, как очистить текстовые поля после запуска onSubmit, но я новичок в Re…
24 мар '20 в 01:23
0 ответов

TypeError: undefined не является объектом (оценка _useContxt.LocalSignin)

// это CreateDataContext.js import React, { useReducer } from 'react'; export default (reducer, actions, defaultValue ) => { const Context = React.createContext(); const Provider = ({ children }) =>{ const [state, dispatch] = useReducer(reduce…
01 июн '20 в 17:35
0 ответов

Как отделить вызов API с помощью API контекста React Natives?

Я новичок в реакции на родных. У меня есть следующий компонент в моем проекте, который я написал для получения API в том же компоненте, но хочу отделить его. У меня возникают трудности с тем, как я могу получить доступ к переменной, которую я исполь…
26 фев '20 в 07:50
1 ответ

Правильный способ обновления контекста реакции

Я использую Gatsby и плагин макета, чтобы моя навигационная панель могла сохраняться, пока содержимое страницы под ней изменяется. Причина этого в том, что я хочу, чтобы некоторые анимации запускались при изменении страниц, поэтому я не хочу, чтобы …
02 мар '20 в 01:01
1 ответ

API, возвращающий только частичные данные

Я делаю вызов API к базе данных продукта и получаю полный ответ в виде: data: { data: [ //Array of product objects ] meta: { pagination: { //Pagination data } } } Мне нужно отправить ответ своему редуктору. Когда я пытаюсь назначить содержимое данны…
02 мар '20 в 20:40
1 ответ

Gatsby Context API не отображает его значение

Пытаюсь отобразить состояние из Context API, но в консоли оно отображается как undefined и ничего не отображает. вот файл контекста import React, { useReducer, createContext } from "react" export const GlobalStateContext = createContext() export con…
12 мар '20 в 15:11
0 ответов

Как передать данные в меню выбранного элемента с главной страницы на страницу продуктов в React.js?

На главной странице верхнее меню выглядит так 1 изображение 1. На странице продукта меню на боковой панели выглядит следующим образом: 2 изображения 2. Как мне перейти с главной страницы на страницу продукта, что выбран пункт Мужчины, категория Курт…
17 мар '20 в 11:18
0 ответов

Почему Context возвращает undefined для родительского компонента, но не для его дочерних компонентов?

Я могу получить значения из контекста в одном компоненте, но не в другом, который является его "родителем". Мой файл контекста: import React, { useState } from 'react' const Context = React.createContext() const ContextProvider = ({ children }) =&gt…
03 апр '20 в 21:26
1 ответ

Почему я не могу поделиться информацией между вводом формы (дочерний компонент) и React useState Hook (родительский компонент)?

Я делаю многоэтапную форму с помощью React и ожидаю, что когда пользователь нажмет кнопку "Далее", он / она сможет перейти к следующей форме, сохранить информацию в родительском компоненте useState Hook и сохранить ее во входных данных, если пользов…
08 апр '20 в 07:40
1 ответ

Потеря опций выбора раскрывающегося списка при фильтрации с использованием API контекста реакции

Я только начал изучать React 2 недели назад, так что мне все еще трудно понять некоторые концепции. Я перешел от создания CRA к преобразованию его в NextJS и выбрал использование контекстного API с хуками для управления состоянием. Я сейчас работаю …
09 апр '20 в 03:02
0 ответов

моя таблица ответов не заполняется данными

Я работаю над простой таблицей, в которой я использую пакет response-table-6. Это компонент класса, в котором я сохранил свое состояние и выполняю componentDidMount и setState. моя таблица не заполняется данными, и сначала я получал ответ, где у мен…
09 апр '20 в 09:03
0 ответов

Использование текущего состояния и совместная работа фильтров

Я смог заставить выпадающий список из моего предыдущего вопроса работать, однако теперь у меня проблема, когда мои два фильтра не работают вместе. Например, если я отфильтрую по городу (Манхэттен), а затем выберу рынок (Домовладельцы), я ожидаю полу…
11 апр '20 в 01:25