react-hooks相关内容

React.useMemo正在重新呈现数组中的所有项

我有一个在useState中存储一组水果的反应组件。我有一个过滤水果的记忆函数(VisibleFruits)。我将visibleFruits映射到DOM。 问题是,当我检查水果时,所有可见的水果都会重新呈现。 我希望只重新呈现选定的一个,因为它是唯一正在更改的。 有没有办法让我使用此图案,但不在检查时重新呈现所有图案? 现实生活中,在visibleFruits useMem ..
发布时间:2022-07-23 15:03:20 前端开发

正在使用项的ID恢复滚动位置

我想在从B页面(比如说,项目的详细信息)返回时恢复滚动位置A页面(项目列表)。我已经找到了解决方案here,但专家/评论员告诉我,最好通过react-routes实现它,因为当前的输出是使用sessionStorage完成的。 目前,我从A页面导航到B页面,路线如下: /channelId/items/itemId。当使用history.push(/)返回时,我会进入项目列表的顶部。 附言:我不 ..
发布时间:2022-07-04 16:17:59 其他开发

如何正确调用useFetch函数?

我已经成功实现了调用API Endpoint的useFetch函数。如果我将这样的代码添加到如下所示的功能性Reaction组件的根中,它就能完美地工作: const [{ data, isLoading, isError }] = useFetch( 'http://some_api_endpoint_path' ); export const useFetch = ( ..
发布时间:2022-06-22 17:49:48 其他开发

使用数组对动态响应useRef

我正在尝试使组件在输入每个字母时将焦点移动到下一个输入。 我认为我需要像数组一样的多个ref,但我不知道它是什么。 这是该问题的示例代码。 function PIN({length, onChange, value}){ const inputEl = React.useRef(null); function handleChange(e){ onChange(e ..
发布时间:2022-06-22 17:46:03 其他开发

无法集成使用上下文API来共享商店结账数组状态

我现在需要由不同组件共享状态arrCheckoutAmount,即CheckoutPageComponent,以便在CheckoutPageComponent中可以使用来自arrCheckoutAmount状态的数据。 我将提供两组代码,一组是我尝试集成使用上下文API的代码,另一组是在介绍使用上下文API之前的代码。 使用上下文接口: ·CheckoutConext.jsx impo ..
发布时间:2022-06-22 17:27:02 前端开发

Redux状态值在第二次单击时更改

我是Redux的新手,我已经将它与我的Reaction应用程序集成在一起,但我有一个关于小测试的说明。 在下一个示例中,我看到在第二次单击时添加了User的值。 减速机: const initialState = { user: '', password: '' } export const admin = (state = initialState, acti ..
发布时间:2022-06-21 20:13:53 前端开发

如何从Apollo设置上下文http链接访问反应上下文

我正在尝试访问我的Apollo客户端的setContext函数中的Reaction上下文值。我希望能够使用Reaction上下文值动态更新每个GraphQL请求的头。但我遇到一个错误,日志中没有可见的错误消息。我正在尝试做的事情可能吗? import React, { useState, useContext } from "react"; import { render } from "r ..

如何在另一个自定义钩子中使用返回值的自定义钩子?

我使用的是REACTIVE-Native,在其中,我有一个名为useUser的自定义Hook,它使用Auth.getUserInfro方法从AWS Amplify获取用户信息,然后获取返回对象的一部分并使用它设置状态变量。我还有另一个名为useData的钩子,它根据用户ID获取一些数据并将其设置为状态变量。 使用用户自定义挂钩: import React, { useState, us ..
发布时间:2022-05-30 14:11:48 前端开发

使用Happy ESLint运行一次useEffect

这是一个反应风格的问题。 tl;dr从Reaction的useState获取set函数。如果函数在每次渲染时都会更改,那么在只运行一次效果情况下,在useEffect中使用该函数的最佳方式是什么? 解释我们有一个useEffect需要运行一次(它获取Firebase数据),然后将该数据设置为应用程序状态。 这里有一个简化的示例。我们正在使用little-state-machine,u ..
发布时间:2022-05-30 14:04:35 前端开发

Reaction:在第二个容器中插入(呈现)REF时如何等待,直到REF可用

编辑:更好的解释 上下文: 我从第三台服务器收到一些普通的HTML代码,我希望 在我的Reaction应用程序中插入 修改 普通JS方法 我可以使用正则表达式修改字符串,并使用id 添加任何HTML标记 然后我可以像往常一样通过getElementById修改这些元素 反应方法 我不应该使用DOM 然后我应该在字符串中插入一些内部有Reaction引 ..
发布时间:2022-05-30 13:55:37 前端开发

自定义反应本机Hook运行两次调用它的组件。我不明白为什么

我正在尝试学习如何在原生反应中使用自定义钩子。我使用AWS Amplify作为我的后端,它有一个方法来获取经过身份验证的用户的信息,即Auth.currentUserInfo方法。然而,它返回的是一个对象,我想做一个定制的钩子,既返回我需要的对象部分,又从可视化部分抽象出我的这部分代码。我有一个名为App的组件和一个名为useUserId的定制Hook。它们的代码如下: useUserId挂 ..

在Fabrijs的回调中,反应状态始终返回前一个(或初始)状态

下面的代码是我的最小问题再现组件。它初始化Fabric Canvas,并处理&模式和状态。模式状态确定是否可以编辑画布,并由一个简单的按钮控制该状态。 问题是,即使mode,setMode正常工作(意味着-组件分析器在按钮单击后显示正确的状态,按钮内的文本也显示正确的状态),modeFabric事件回调中的钩子返回的状态仍然返回初始状态。 我认为问题是因为函数作为回调传递到Fabric ..
发布时间:2022-04-07 14:02:30 其他开发