React挂钩useContext重新呈现组件

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-hooks

我使用带有useContext的全局钩子来存储注册用户信息。我不知道为什么useContext两次呈现我的组件，第二次却没有定义状态。提供程序是全局的，在index.js中import React, { createContext, useReducer } from 'react'; accessTokenProvider value={{ st

浏览 2提问于2020-02-28得票数 0

1回答

有没有可能摆脱每个重新渲染的useContext计算？

reactjs、react-hooks

.}, [])const someComponent = () => { co

浏览 1提问于2019-06-09得票数 0

1回答

跨组件更新React配置

reactjs、react-hooks、react-state

粘性状态的代码是： import React from 'react'; return React.useState({}) : defaultValue;

浏览 19提问于2021-04-15得票数 1

1回答

访问由Context.Provider传递的值的Context.Consumer与useContext()

reactjs、react-hooks

<MyContext.Consumer></MyContext.Consumer> let value = useContext(MyContext);使用Context.Consumer和使用useContext钩子来访问上下文提供程序传递的值，这两个代码片段之间有什么区别？我认为useContext将订阅上下文提供程序，因为我们将上下文作为参数传递，因此当提供程序值更改时，它将触发重新呈现。

浏览 1提问于2019-06-29得票数 40

回答已采纳

3回答

更新来自useContext的值时，组件不会重新呈现

reactjs、gatsby、react-context

我正在使用React的上下文api来存储一组项。有一个组件可以通过useContext()访问这个数组，并显示数组的长度。还有另一个组件可以访问该函数，以便通过useContext更新此数组。将项添加到数组中时，组件不会重新呈现以反映数组的新长度。当我导航到应用程序中的另一个页面时，组件重新呈现并反映数组的当前长度。每当上下文中的数组发生变化时，我都需要重新呈现该

浏览 1提问于2019-09-08得票数 10

回答已采纳

1回答

尝试使用我的上下文提供程序文件中的函数

reactjs、react-context、react-lifecycle

我正在使用Context-Api，并试图在生命周期方法中使用从我的文件中提供的函数。当然，函数没有包装在使用者中，所以我查看了文档并设置了上下文的值。这仍然不是working.Everyting在我返回的类component中工作，但是component did挂载不起作用。componentDidMount() { le

浏览 6提问于2019-07-16得票数 0

1回答

具有React导航的上下文API (React Native)

react-native、react-navigation

我正在尝试在我的React Native应用程序中使用使用React导航的上下文。我想我在这个问题上大错特错了。我只是尝试通过导航堆栈将图书的名称传递给我的整个应用程序。App.js const BookContext = React.createContext(); <BookContext.Consumer> {({ name }) => (<Ro

浏览 5提问于2020-01-10得票数 0

1回答

当提供者组件父级状态更改时，为什么不能更新子组件中的值(带有react上下文)？

javascript、react-context

我实现了一个提供程序组件，并且在两个子组件中使用数据。但是，当我从其中一个子组件更新提供程序组件的状态时，另一个子组件不会使用提供程序组件的数据重新呈现。, {useContext } from 'react'; const {product} = props const，不会重新<e

浏览 1提问于2019-04-02得票数 3

回答已采纳

1回答

为什么在反应中，当父组件重新呈现(子组件没有被React.memo包装)时，子组件不重新呈现？

reactjs、react-hooks、frontend、rerender

在本文中，我了解到当我们在父组件中使用useContext Hook时，只有使用上下文的子组件才会重新呈现。import { useContext } from "react"; import { ThemeContext } from ".示例中，子组件TickerComponent (2)没有使用上下文重新

浏览 3提问于2021-10-03得票数 2

回答已采纳

2回答