我正在尝试在我的应用程序中使用useContext钩子而不是Redux。页眉组件和登录页使用相同的上下文。两者都是使用上下文提供程序的路由组件的子组件。在注册表单中，我使用硬编码数据来检查功能。App.js (登录组件) import React, { useContext, useState } from "react";
import { ExamContext } from ".[user, setUser] = u
浏览 9提问于2020-06-16得票数 1
当使用多个useReducers时，每个组件都使用一部分状态渲染器。 import React, { useContext } from 'react' const { state: { nameReducer: { name } }, dispatch } = useContextconst handleInput
浏览 15提问于2019-05-30得票数 7
1回答
组件im试图从以下位置reRender配置文件组件： import {useContext} from "react" const EditProfilePage = () => { const [rerender, setRerende
浏览 4提问于2022-03-26得票数 1
很可能是useContext，useEffect和setInterval之间发生了什么，但我不知道是什么。自定义React挂钩'useCustomContext.ts'： import { useContext, useEffect, useRef, createContext } from 'react'CustomContext = createContext('');
export const useValueFromContext = function(
浏览 35提问于2019-08-25得票数 1
1回答
提供程序和钩子代码：import * as React from "react";
};
const { count, setCount } = React.useContext};
浏览 3提问于2021-05-29得票数 3
1回答
我正在使用React中的上下文提供程序来跨多个组件共享数据。但是，由于值从我的一个子组件更改，它会重新呈现我的所有其他组件，这在一定程度上会导致性能问题。所以我想防止我的子组件被重新渲染。我尝试使用React.memo()，但每当我设置上下文提供程序的状态时，它仍然在呈现。const Authenticator = React.memo(() => { const [myChat, setMyChat] = useContext(Cha
浏览 15提问于2021-01-05得票数 4
我正在尝试的是测试一个依赖于上下文的组件是否调用useEffect并从那里调用一个函数(由jest.fn()模拟)。then, expect scrollIntoView was called我不知道如何
我在谷歌上搜索了好几个小时，但还没有找到任何解决方案。
浏览 3提问于2021-11-22得票数 0
回答已采纳
({ item }) { return ( key={item.key只在单击树中的某个项之后才能左右移动)： <Branch data={data} />我认为这与有关，我尝试了类组件(React.PureComponent)，但没有
浏览 7提问于2021-06-30得票数 0
在我选择了角色之后，我被重定向到'/‘路由，实际上我希望看到呈现这个路由的组件--在本例中是TableBoard，但是我首先得到了render={() => <Container>its from app.tsx={store}>{routesComponents}</Provider> );应该为重定向的路由呈现的组件props.children in Container<
浏览 2提问于2021-12-10得票数 0
1回答
数组listOfComponents中的组件数量应该是动态的。在我的应用程序中，随着时间的推移，组件会随着应用程序的运行而添加和删除。当我添加一个新组件时，我想在我的ExampleContext的listOfComponents数组中为它添加一个状态。当我移除一个组件时，我想移除状态。import React, { createContext, useState } from 'react'
export const ExampleContext = createC
浏览 16提问于2019-12-13得票数 0
回答已采纳
1回答
父组件有一个p标记，用于动画显示其内部文本。当我刷新页面时，动画会起作用。下面是父组件： import React, { Component } from 'react'; </div> }
export default Parent; 下面是子组件： import React
浏览 28提问于2020-12-14得票数 0
回答已采纳
1回答
我试图重构一个应用程序使用useContext，但遇到了一个障碍，无法弄清楚发生了什么。
使用最新版本的一切，运行Next.js。我在/components/Fund.js中定义的/components/Fund.js上下文变量没有在/pages/fund/index.js中显示，即使那里的返回语句包装在<Fund>组件中(我假设它应该持有并传递上下文, { useState, useContext } from "react&qu
浏览 1提问于2021-08-07得票数 0
我想我找到了另一种使用useContext钩子测试组件的方法。我看过一些教程，这些教程测试一个值是否可以从父上下文提供程序成功地传递到子组件，但是没有找到关于子组件更新上下文值的教程。我的解决方案是将根父组件与提供程序一起呈现，因为状态最终在根父组件中更改，然后传递给提供程序，然后提供程序将其传递给所有子组件。对吗？
测试似乎应该通过，而不是应该通过。有人能解释一下为什么这不是测试useContext钩子的好方法吗？from 'rea
浏览 0提问于2019-06-30得票数 12
我尝试使用useContext向下传递一个值，如下所示export const selectedContext = React.createContext();
<Cards /> </selectedContext.Provider>};
我在其中一个组件中
浏览 15提问于2020-03-01得票数 0
1回答
我正在使用Context-Api，并试图在生命周期方法中使用从我的文件中提供的函数。当然，函数没有包装在使用者中，所以我查看了文档并设置了上下文的值。这仍然不是working.Everyting在我返回的类component中工作，但是component did挂载不起作用。componentDidMount() { le
浏览 6提问于2019-07-16得票数 0
我正在尝试在我的React Native应用程序中使用使用React导航的上下文。我想我在这个问题上大错特错了。我只是尝试通过导航堆栈将图书的名称传递给我的整个应用程序。App.js const BookContext = React.createContext();
<BookContext.Consumer>
{({ name }) => (<Ro
浏览 5提问于2020-01-10得票数 0
我的应用程序有两个组件:A和B，从A到组件B，在B中我做一些函数，得到诸如isreload类型的布尔值，我想返回A并把它放到A！在A如果接收值是重新加载，我做一些功能！这是我在组件B的代码，我不知道如何接收组件A的重新加载，并检查是否重新加载为true:重新呈现组件A，失败:停留 navigateToNewsFeed = (routeName, _reload
浏览 0提问于2017-04-26得票数 0
回答已采纳
1回答
我不能让它正常工作import DashboardRoundedIcon from '/store/AuthStore';
props: {
l
浏览 12提问于2022-06-14得票数 1
1回答
JSON.stringify({ random: x })); });但是，这是可行的，但我将<MyComponent />嵌入到组件中
浏览 0提问于2021-11-26得票数 1
我有以下课程：import { Text, View, TextInput, TouchableOpacity, Image } from 'react-native/context';
state={ password:&
浏览 4提问于2020-07-30得票数 0
回答已采纳
云服务器
ICP备案
对象存储
云点播
智聆口语评测
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号