我正在使用React的上下文api来存储一组项。有一个组件可以通过useContext()访问这个数组，并显示数组的长度。还有另一个组件可以访问该函数，以便通过useContext更新此数组。将项添加到数组中时，组件不会重新呈现以反映数组的新长度。当我导航到应用程序中的另一个页面时，组
浏览 1提问于2019-09-08得票数 10
回答已采纳
在这个例子中，我使用memo来防止组件重新渲染，但是，即使项目属性没有改变，它也会在每次单击按钮时重新渲染。根据react文档，只有当道具被更改时，带有备忘录的组件才不会重新呈现。import React, { memo, useContext } from "react";
const ItemC
浏览 6提问于2021-06-01得票数 0
我可以使用React来管理itemsInCart的全局状态，允许Product更新上下文，只允许Nav使用和重新呈现。我不想重新渲染整个应用程序的变化。阅读React，我看到上下文用户需要从提供程序下游，所以不确定这是可能的。
浏览 1提问于2020-11-13得票数 0
回答已采纳
1回答
我有一个需要由多个组件访问的UserContext和SocketContext (socket.io)。其中一些组件需要同时使用这两个上下文，并迫使我使用消费者并将值作为道具传入，而不是使用contextType。
创建同时包含user和socket对象的GlobalContext是一种好的做法吗？我已经研究了具有useContext的React钩子。我应该用这个代替吗？
浏览 0提问于2019-07-01得票数 1
我们可以避免使用空数组作为钩子中的第二个参数进行不必要的useEffect计算：useEffect例如，我们有一个组件：
const [，我们每次都会有不必要的useContext重新渲染。其中一个决定是将<em
浏览 1提问于2019-06-09得票数 0
userDispatch, > </AppContext.Provider>};
因此，每当组件想要访问上下文存储或分派操作时selectUserList} <List /> );我现在面临的问题是，
浏览 1提问于2019-06-24得票数 1
所以我才意识到，每次我更改路由时，App()中的上下文提供程序都在运行。从逻辑上讲是有道理的，但我不确定为什么我从来没有想过。这样做的问题是，每次使用useEffect时，它都会调用api，即使我不需要它，除非我在实际使用它的组件中。component={Modal} /> </BrowserRouter>
</AuthPro
浏览 6提问于2021-10-06得票数 0
1回答
我有一个使用mapbox地图的应用程序，我正在尝试从另一个单独的卡组件中调整视口。我这样做的方式是创建一个viewport上下文，并将viewport和函数传递给map和card组件。这是可行的，但我遇到了重新命名的问题。每当用户在地图上滚动时，视图端口就会不断变化，因此viewport提供程序中的所有内容都会不断地重新命名。{ setViewport,
浏览 1提问于2022-01-02得票数 3
回答已采纳
3回答
根据
当组件上面最近的<MyContext.Provider>更新时，此钩子将触发一个重命名器，其最新的上下文值将传递给该MyContext提供程序。当上下文值发生变化时，调用useContext的组件总是会重新呈现。但是，从代码中可以看到，我希望能够访问组件的其他部分中更新的上下文值，即在ret
浏览 6提问于2020-01-20得票数 1
回答已采纳
我正在尝试使用来自API的响应来更新表。响应到达一个组件，而表位于另一个组件中。我可以看到我正在成功地更新组件中的上下文，但它似乎没有传递给其他组件。我尝试过更新上下文，然后通过属性钻取传递它，但也不起作用。如何让包含表的组件侦听上下文中的更改？我的组件代码如下： 在其中更新
浏览 31提问于2020-08-28得票数 0
回答已采纳
我看到了一些奇怪的行为:当我用一个dispatch调用更新上下文值时，将在页面上更新一个使用者组件，但是选项卡栏上完全相同的组件不会被更新。
我跟踪了。当我添加console.log语句以检查组件是否被重新加载时，我看到放置在选项卡栏(<TabBarCounter>)中的组件没有被重新加载，即使上下文值已经改变。当我
浏览 2提问于2021-08-05得票数 2
回答已采纳
提供者到其后代使用者(包括.contextType和useContext)的传播不受shouldComponentUpdate方法的约束，因此即使祖先组件跳过更新，消费者也会被更新。.每次按下Toggle按钮时，时间都会在框中更新。为了更进一步，我直接提供了一个恒定的上下文值，并且只使用了一个上下文提供程序：
我仍然能够使每个组件重新呈现，因为我们可以看到在每个
浏览 6提问于2022-08-07得票数 1
2回答
我一直在尝试理解新的，并在使用它。我只想检查一个简单的案例--当数据更新到提供者时，所有的重新呈现。检查this.state = { text - A static text
}我从这里创建一个新的React上下文，其中包含状态的number和text，并将这些值传递给两个消费者-- Number和Text。因此，
浏览 0提问于2018-06-12得票数 92
回答已采纳
我有一个React组件，它应该订阅React上下文并呈现一些文本。当上下文更新时，文本应该更新，但当更新发生时，我想用旧的值动画输出组件，并用新值动画它。我是React Spring的新手，但我认为他们的Render-props API中的转换将在此处分别在mount和unmount上触发动画事件。当上下文改变时</em
浏览 22提问于2020-12-08得票数 0
回答已采纳
我想做以下几点：问题是，在更新上下文方面显然存在时间延迟，因此组件不会重新呈现。如何确保在更新上下文值后组件重新呈现？下面是我使用的代码：
浏览 2提问于2020-04-12得票数 0
1回答
我有一个上下文和两个组件:一个是显示上下文中的内容，另一个是更新它。setArray(prevArray => { return [...prevArray, []]
浏览 7提问于2020-05-27得票数 0
回答已采纳
我有一个功能组件，并希望更新该组件中的某些状态(基于某个上下文API对象值，即通过useContext获得的)。另外，在使用setState时，我遇到以下问题:太多的重新呈现。React限制呈现的数量，以防止无限循环。简单地说，这个功能组件是App组件的直接子组件，上下文对象是在另一个
浏览 2提问于2021-09-16得票数 3
在中，Nicholas帮助我理解了当上下文值Provider提供更改时，Provider会重新呈现其后代Context.Consumer组件。
只有当围绕Provider重新呈现的封闭函数重新呈现时，才能发生这种情况。如果Provider
浏览 2提问于2019-03-27得票数 12
回答已采纳
例如，我有以下代码：function MainGameHandler() { {props.children} );在另一个子组件中，我正
浏览 5提问于2021-12-26得票数 0
回答已采纳
<MyContext.Consumer></MyContext.Consumer>
let value = useContext(MyContext);使用Context.Consumer和使用useContext钩子来访问上下文提供程序传递的值，这两个代码片段之间有什么区别？我认为useContext将订阅上下文提供程序，因为我们将上下文作为参数传递，因此当提供程序值更改时，它将触发</e
浏览 1提问于2019-06-29得票数 40
回答已采纳
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
