React UserContext:忽略useEffect中的条件

文章/答案/技术大牛

发布

2回答

reactjs、react-hooks、use-context

我正在使用useContext钩子来制作一个与其他组件共享状态的组件。现在，该组件还将状态保存到本地存储中。, removeRoutingMachine: false, currentMap: {} function isJson(item) { ite

浏览 76提问于2021-01-05得票数 1

回答已采纳

1回答

太多的重新渲染。限制呈现的次数以防止无限循环。

reactjs、firebase、firebase-realtime-database

太多的重新呈现。React限制呈现的数量，以防止无限循环。 import React from 'react'; </Container> </div>} export default Ap

浏览 1提问于2019-09-25得票数 4

回答已采纳

1回答

在这里，我使用了react-router并对多个路由使用了条件。我使用上下文来存储我的状态。我想在加载App.js之前将数据从localStorage加载到状态，因为它会告诉我应该导航到哪些路由。userContext.js import React, { useState, createContext, useEffect } from "react"; export const userContext} catch (err)

浏览 19提问于2021-11-16得票数 0

回答已采纳

3回答

在使用useEffect时，如何等待渲染完成才能获得useContext？

reactjs、react-hooks

我有一个从UserPage到外部身份验证服务的有条件重定向，如下所示。条件是，如果我的UserContext不包含user对象，那么页面将被重定向到https://urltoauthenticate:5000/user以进行用户身份验证。条件在第一次运行中得到满足，并转到身份验证服务但是这个问题发生在成功的身份验证之后。在成功进行身份验证的情况下，即使UserContext提供了use

浏览 5提问于2021-05-23得票数 5

2回答

如何覆盖功能组件中的导航选项？

react-native、react-navigation

要使用类组件覆盖导航选项，应该是这样的 export default class SomeClass extends Component { static navigationOptionsuseEffect(() => { navigation.setParams({ headerTitle: someVariableThatComesFromExternalCall })})

浏览 23提问于2019-04-04得票数 10

回答已采纳

1回答

每次组件在React ContextAPI下呈现时获取登录用户

javascript、reactjs

我在一个小的React项目中使用ContextAPI，当我访问/login端点时，我使用HttpOnly Cookie来存储用户的令牌。下面显示的是UserContext.js，它封装了App.js中的所有组件(子组件) import axios from "axios"; import { createContext, useEffect, useState } from "react&quo

浏览 3提问于2021-05-03得票数 1

1回答

使用动态对象的createContext

reactjs、react-hooks

1.静态物体import React, { createContext } from 'react'; 这个代码很好用。2.动态物体import

浏览 6提问于2020-01-22得票数 3

回答已采纳

1回答

如何将用户数据存储在上下文中并在其他组件上使用- ReactJS

javascript、reactjs、react-context

如何将当前登录的用户数据存储在上下文中，并在其他组件中使用这些数据，而不必调用每个组件上的user来显示数据，例如{user.firstname} "role": 0, "bio": null,但是，每次我想显示组件上的</e

浏览 1提问于2022-11-10得票数 0

2回答

如何进行多个获取数据和条件呈现中的反应

reactjs、react-hooks

我正在尝试在我的Products.js页面中多次获取数据import { Fragment, useEffect, useState, useContext } from"react";import ProductCard from "../components/ProductCar

浏览 4提问于2022-09-22得票数 0

1回答

反应本机- base64图像

typescript、react-native

我正在尝试显示一个已经记录到base64上的图像。我可以控制台日志和确认图像是工作的。但我不太清楚如何从API请求中显示它。= React.useContext(UserContext); <View style={styles.container}> {userContext.userLoading ?height: 200 }} source={{ u

浏览 2提问于2022-04-03得票数 2

1回答

通过异步接口调用在createContext上设置数据

javascript、reactjs

我是一个非常新手的React和Next.JS，我正在做一个应用程序，我正在使用useContext钩子。所以，我有这个代码fetch(API_URL) .then(result => { }) export const UserCon

浏览 1提问于2020-09-17得票数 0

2回答

React useContext挂钩:重新加载页面时上下文变为空

javascript、reactjs

我有以下UserContext.js文件，它将当前登录的用户存储到一个user对象中，还有一个setter函数。在我的配置文件组件中，我想用当前登录的用户信息预先填充我的输入字段，我应该使用useContext钩子来获取这些信息。这会导致useEffect()挂钩和initializeFields()函数失败，因为属性为空。我想要发生的是，能够无缝地加载当前登录的用户，并在应用程序内的其他组件<e

浏览 54提问于2021-11-18得票数 0

2回答

如何使用useEffect()从useReducer()和useContext()状态管理设置中从api中获取数据？

javascript、reactjs、react-hooks

SET_HEROES: }AppContext.js一

浏览 0提问于2020-05-27得票数 2

回答已采纳

2回答

无法访问通过用户提供程序传递的属性

reactjs、react-hooks

我有一个这样的userContext：import * as userService/services/appService"; export function useUserContext()] =

浏览 3提问于2022-01-04得票数 1

2回答

未确定的useContext结构

reactjs、react-context、use-context

我正在尝试在上下文中保存用户对象，但是我没有定义--这是我的上下文：这就是我想要将数据存储在另一个文件<em

浏览 6提问于2022-05-14得票数 1

1回答

如何获得UserId并使用useContext、useState和useEffect将其设置为全局变量？

amazon-web-services、react-native、react-hooks

我有一个由React构建的应用程序--原生的、放大的、AppSync的和认知的，当它加载时，我想将用户ID和用户类型保存为可以在每个屏幕上访问的全局状态。import React, { useEffect, useState, useReducer } from 'react';然后，当

浏览 0提问于2020-04-14得票数 1

1回答

如何将基本数据存储在防火墙中？

reactjs、firebase、google-cloud-firestore、firebase-authentication

所以我有一个基本的应用程序在运行。只有一个按钮，用来登录谷歌，我想把用户的信息存储在消防站，然后我想在我的应用程序中映射每个用户，显示每个用户的登录信息。下面是代码：import React, { useEffect, useMemo, useState } from "react"; import Login from "., { useContext } from "react

浏览 3提问于2021-05-22得票数 0

回答已采纳

1回答

在进行API调用之前等待加载上下文值

reactjs、react-hooks、react-context

我有一个加载用户数据的用户上下文。我使用这些数据在useEffect中发送API请求。数据加载中的时间差导致API请求中出现一个未定义的变量。如何让useEffect在发送请求之前等待加载上下文变量？这是UserContext.js：这是定制<e

浏览 10提问于2022-08-24得票数 -1

1回答

刷新页面时响应未定义的上下文

reactjs、local-storage、react-router-dom、use-effect、use-context

我希望创建一个只有经过身份验证的用户才能访问的受保护路由。它工作，但，当我刷新页面时，上下文是未定义的，并将用户重定向到登陆页面。我真不明白为什么会发生这种事。刷新页面后的控制台日志App.jsimport { BrowserRouter, Switch/components/auth/Protected

浏览 2提问于2020-09-24得票数 2

回答已采纳

1回答

Enzime:等待更新上下文以启动执行测试

javascript、reactjs、jestjs、enzyme

我有一个专门的组件来处理上下文(例如，示例中的UserContext )，如下所示：import React from 'react' { ... }现

浏览 1提问于2020-05-12得票数 0

点击加载更多