当我使用React钩子和React上下文添加新帖子时，为什么我的状态会替换我的帖子

文章/答案/技术大牛

发布

2回答

javascript、reactjs、react-hooks、react-context

我正在创建一个新的应用程序，我希望能够向我的朋友发布更新。一个微博网站。我想学习如何使用React钩子和React的上下文API更新应用程序。我创建了以下提供程序，它将state作为值...我希望能够添加一个新的帖子，然后更新状态的帖子，

浏览 12提问于2021-02-03得票数 2

回答已采纳

1回答

阿波罗useSubscription钩子不发出新数据

reactjs、react-apollo、apollo-client、graphql-subscriptions

每当添加新帖子时，我都会创建订阅。订阅在graphiql界面上运行良好。下面是使用useSubscription钩子的react代码 export const SUSCRIBE_POSTS = gql` subscription posts {当我添加一个帖子时，它被正确地保存在数据库中，用于获取帖子的useQuery钩子也工作得很好，但<

浏览 34提问于2020-04-11得票数 1

回答已采纳

1回答

回调连接到post_updated并在新的岗位上启动

plugins、hooks、actions、archives、documentation

上下文：我正在使用一个插件，它允许我在我的站点(简单作者盒)中添加作者框，同时为任何用户更新他们的社交媒体链接和配置文件图片提供了一种简单的方法。我想我也可以利用这个插件来动态显示站点的“关于”部分中的团队成员。但是，我不希望为将来不会发布任何帖子的团队成员提供作者档案(designer，本人等)，因此

浏览 0提问于2021-02-03得票数 0

回答已采纳

4回答

钩子更改状态不会更新上下文提供程序的值吗？

javascript、reactjs、context-api

我有两个组件和一个上下文提供程序，当我在父级调用钩子时，我可以更改状态并让这两个组件通过上下文获取值 contex api用法的工作演示，但我在父级调用了change状态，这不是我想要的https://stackblitz.com/edit/react-51e2ky?file=index.js 我想用<em

浏览 25提问于2020-05-19得票数 5

回答已采纳

2回答

我是在使用新的上下文API，还是在使用Redux？

reactjs、redux、state

我已经学习了React，并且我已经学会了使用Context API，但是我听说有一个“新的context api”，因为我是通过一种旧的课程(2017年末)学习React的，我不知道我是在使用新的还是旧的另外，我刚刚发现了Redux，它看起来和我正在使用的几乎完全一样，那么R

浏览 26提问于2019-04-25得票数 0

1回答

TypeError:无法读取React组件中post对象的属性“”title“”

reactjs

我正在开发一个迷你的React应用程序，遇到了一个问题。为了给你一些背景知识，我正在使用jsonplaceholder.typicode/com/posts来获取一些帖子并将它们显示在主页上。当我点击一个单独的帖子时，我的想法是它应该把我带到另一个页面，并显示被点击的帖子的标题和正文。<em

浏览 19提问于2020-10-18得票数 0

3回答

为什么React Context.Provider是必要的(或有用的)？

javascript、reactjs、react-redux、datacontext

React具有上下文的原因是允许多个兄弟组件共享一段状态数据。它是允许两个不相关的组件读/写共享变量的首选方法。这种方法允许在组件之间轻松共享状态，这是上下文首先出现的全部原因。我疯了吗？我们绝对需要将组件包装在一个特殊组件中以共享数据，这有什么合理的理由吗？为什么共享状态不能独立存在？看起来他们选择了一个糟糕的解决方案。为什

浏览 31提问于2019-11-24得票数 14

1回答

了解阿波罗图形订阅

node.js、graphql、publish-subscribe

我目前正在学习Graphql(阿波罗)，并在后端使用Node.js。我只对后端学习它感兴趣。有人能帮我吗？我有三个独立的查询(或它们的名称

浏览 6提问于2022-06-17得票数 0

1回答

React UI不会在redux存储更改时更新

javascript、reactjs、redux、react-redux

我有一个redux State HOC来管理连接当我向商店添加新帖子时，我遇到问题 import React, { useEffect } from "react"; <WrappedComponent {...props} /> );} 我尝

浏览 12提问于2021-03-28得票数 1

1回答

useEffect是否需要依赖数组中的所有数据都处于React状态？

reactjs、react-hooks、use-effect

当我在React中创建自定义钩子时，我遇到了useEffect钩子的行为，这是我意想不到的。我创建了一个自定义钩子，它接受一个ID数组并获取每个ID的数据，当ID发生变化时，它会再次获取，然后返回一个数组中的所有数据： const useGetItems = (ids) => { setData(par

浏览 12提问于2021-01-19得票数 0

回答已采纳

2回答

不使用自定义钩子更新的组件本地状态

javascript、reactjs、react-hooks

我刚刚开始使用，我在使用自定义钩子时遇到了一些问题。这可能是因为缺乏理解，但以下是我所尝试的import React, { useState } from "react" setErrorMsg('Some error foun

浏览 0提问于2019-03-28得票数 1

回答已采纳

3回答

我可以用钩子替换上下文吗？

reactjs、react-hooks

是否有一种使用新的替换上下文数据获取的方法？如果您需要加载用户配置文件并几乎在任何地方使用它，那么首先创建上下文并导出它：然后导入顶级组件，加载数据并使用提供程序，如下所示： <Pro

浏览 0提问于2018-11-02得票数 8

回答已采纳

1回答

自定义钩子不会从上下文中获得更新的值

javascript、reactjs、react-hooks、react-context

我试图使用自定义钩子来调用将用于多个组件和上下文的函数。但是，钩子永远不会得到更新的上下文值，它始终是一个空数组，但是在上下文中，用作上下文值的状态将被更新，并且在组件中接收上下文值。在我看来，上下文值并没有被传递给钩子，但是我不明白为什么。下面是我

浏览 3提问于2022-08-13得票数 0

回答已采纳

1回答

React :引用上下文和管理useEffect钩子中的依赖关系

javascript、reactjs、react-hooks、use-effect

我试图使用react来创建一个Table组件，该组件基于用户可以选择的一组过滤器显示API中的数据行。我希望在用户单击“应用过滤器”按钮时，而不是当用户对过滤器进行更改时，进行新的调用来获取数据。我使用上下文来管理“筛选器”状态和“lastFetched”状态，该状态跟踪用户最后一次单击“应用过滤器”按钮(以及页面上的其他<em

浏览 2提问于2019-09-15得票数 2

回答已采纳

2回答

我们如何在不使用redux的情况下使用钩子来管理react应用程序的全局状态？

reactjs、redux、react-redux、react-hooks

我一直在为我的所有react项目使用redux，以维护应用程序的全局状态。我读到我们也可以使用钩子来管理应用的全局状态，而不需要redux，但我不知道如何使用它。任何这样做的帮助或例子都会很有帮助。

浏览 3提问于2019-10-11得票数 1

5回答

是否可以在功能组件之外使用React，或者我必须使用mobx或redux？

javascript、reactjs、react-hooks、mobx、mobx-react

当我读到有关文档时，我发现有两种方法来实现React组件，基于功能的和基于类的。我知道在响应16.8之前，不可能在功能组件中管理状态，但在那之后就有了React。问题是，对React似乎有一个限制，它们只能在功能组件中使用。以服务器客户端为例，它需要在接收401时更改isAuthenticated状态。dispatch({}); export { UserProvider,

浏览 2提问于2020-05-29得票数 6

回答已采纳

3回答

为什么这么多程序员要单独导入“`useState`”，而简单地使用`React.useState`也同样可行？

reactjs、use-state

我很好奇为什么有这么多程序员单独导入useState。import React, { useState } from 'react';const [foo, setFoo] =

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

回答已采纳

4回答

React Custom Hooks全局获取数据并在组件之间共享？

reactjs、fetch、global、react-hooks

在这个来自的react示例中，在两个不同的组件中使用了一个自定义钩子来获取用户的在线状态... const [isOnlineChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange); }); } 然后在下面两个函数中使用它'green

浏览 1提问于2019-08-22得票数 14

2回答

在react上下文中传递多个状态

reactjs、typescript、react-context

我有一个应该在树的多个状态中传递的上下文。设置提供者值的正确方法是哪一种？在适当位置创建对象的无法工作，因为它是在每次重新呈现时重新构建的，如果上下文的实际内容没有改变(因为创建了一个具有不同内存地址的新对象，导致子对象认为对象更改了)，那么也会导致子对象重新呈现。我应该如何传递上下文？//Example: interface

浏览 4提问于2021-07-02得票数 1

回答已采纳

2回答

在redux中为简单的CRUD应用程序构造缩减程序

redux

所以我正在创建一个非常简单的CRUD风格的应用程序，使用React + Redux。有一个带有API的帖子集合(让我们称之为它们)，我希望能够列出这些帖子，然后当用户单击其中一个帖子时，进入有关该帖子的详细页面。所以我有一个柱子减速器。最初，我开始使用来自redux真实世界示例的方法。这通过索引缩减程序维护对象的缓存，当您执行

浏览 1提问于2016-10-06得票数 1

点击加载更多