开发者问题收集
我正在使用react-table库进行过滤和分页。我使用Node从自定义 API 请求数据,并使用react-table中的useTable钩子对其进行渲染。react-table的文档说应该对表数据进行记忆,因此我使用了useMemo钩子。代码如下所示:const data = React.useMemo(() => {axios.get("/custom/api/endpoint").then
我们在获取数据数组时使用 useMemo 和 useEffect。在第一个文件中,我使用来自钩子(第二个文件)的结果设置一个 const。但结果被设置了两次,第一次结果是一个空对象。我需要在 useEffect 完成其工作后设置它。我们有 2 个 js 文件first.jssecond.jsFirst.jsconst dataArray = useGetDataArray({ name, id }
我有两个“昂贵”的函数,我想在我的 React 应用程序中记住它们,因为它们需要很长时间才能渲染。这些昂贵函数用于数组映射中。我想记住数组映射的每个结果,这样如果数组的一个元素发生变化,则只会重新计算该元素的昂贵函数。 (并且独立地记忆昂贵的功能,因为有时只需要重新计算一个。)我正在努力记忆并传递当前数组值。这是没有记忆的工作演示:import React, { useMemo, useState
我试图在条件语句中使用 React Hooks,不幸的是,React 几乎为所有 Hooks 都给出了错误,而这符合 Hooks 的理念。然后我尝试在 else 语句中使用 useMemo Hook,它没有任何错误。我在 Google 上搜索了这种差异,但没有找到任何有希望的东西。我的问题是,useMemo 是一个例外,您可以在条件语句中使用 useMemo。
我有一个包含会议预订的表单。其中一部分是日历组件,具有相当复杂的用户界面。<Calendar fullName={fullName} email={email} onEventScheduled={onEventScheduled} />这很好用。正如 React 用户所知,当任何输入发生变化时,React 都会重新渲染表单。由于日历仅依赖于某些输入(fullName、email和onEventS
我正在使用 useMemo 钩子来渲染地图项目。我向 useMemo 钩子添加了 items 参数,它会根据项目变化进行渲染。但是更改加载状态和项目会发生变化,Item 自定义组件会渲染两次。我在使用 useMemo 钩子时是否犯了任何错误,请纠正我。Home:import React, { useState, useEffect, useMemo } from "react";import It
我有一个调用的 webapi 可以正常工作:const [pItem, setPItem] = useState([]);const [weight, setWeight] = useReducer(weightHandler, 0.0);useEffect(() => {setLoading(true);let mounted = true;(async function () {await g
我正在尝试实现 useMemo 反应,以便在单击某行的删除按钮时重新呈现表格。删除成功,我可以看到我的数据数组随着每次单击删除按钮而减少,并且如果我强制重新加载页面,表格会重新呈现。我不确定如何开始使用 useMemo。有人能解释我该怎么做吗?const Table = ({ columns, data }) => {const { getTableProps, headerGroups, row
我试图理解 React Hooks 中的依赖项是如何工作的。听起来很简单,但在下面的人工示例中,当通过单击“完成”文本更新变量时,我无法打印备忘录。我相信如果那些是 React 的 setState 变量,它们会起作用。我见过在依赖项数组中给出简单变量的示例。实际用例与useTable结合使用。在大多数情况下,它会陷入递归循环(例如使用 fooArr 作为依赖项)。所以我试图将其提炼出来,看看我遗
我是 Redux 的新手,我想尽可能提高我的 Web 应用程序的性能。我在 redux 中有一个状态,我将其存储在一个变量中以便稍后显示它。这是代码:const metricsState = useSelector((state: MetricsStateObject) => state.MetricsState);const myMetrics = metricsState.myMetrics;