使用react钩子进行消弹或节流

文章/答案/技术大牛

发布

2回答

reactjs、react-hooks、throttling

我正在测试在这个网站上找到的几个答案，但不能让他们工作export function useDebounce(value, delay) { } else { }当然是不起作用的另一种使用

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

回答已采纳

1回答

如何在反应中显示博客帖子的细节页面？

reactjs、react-hooks、react-router

当一个特定的段塞出现在URL中，比如“. blog / post”时，我如何显示博客文章页面。我试图将文章HTML代码保存在PostData.jsx文件中的数组中。如何从其中获取数据并显示给用户。const PostData = [ id: 1, content: `Here HTML Content`,]const Post = () => {或者

浏览 11提问于2022-03-19得票数 0

1回答

不能使用useState钩子进行节流功能

javascript、reactjs、lodash、addeventlistener、react-hooks

我试图在滚动上节流一个事件“轮子”，使用我的React应用程序的存档库，但没有成功。 handleSections();我的useEventListener钩子return function remove() {

浏览 0提问于2019-06-21得票数 3

回答已采纳

1回答

如何使用观察者聚合物进行消弹

polymer、polymer-2.x、debouncing、debounce

当web组件加载完成时，我正在尝试运行getResponse一次。但是，当我尝试运行此函数时，debounce函数只是充当异步延迟，并且在5000毫秒后运行4次。 return { type: String, }} this._debouncer = Polymer.Debouncer.debounce(this._debouncer, Polymer.Async.timeO

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

3回答

句末移动句号的正则表达式，而不是缩写

regex、perl、pcre

寻找一些想法，如何删除句子中的句号字符，但不删除缩写中的句号。例如将更改为：

浏览 0提问于2012-05-05得票数 1

回答已采纳

1回答

在每次调整页面大小时，应重新绘制组件树

reactjs、react-hooks

我正在使用，我制作了一个挂钩，根据窗口大小来检查哪些断点当前处于活动状态。问题是，我在这样的组件中调用这个钩子： return isBreakpointActive('lg') : <div>lg</div> : <div>notLg</div> 问题是，这个钩子使我的组件在每个屏幕大小上重新绘制，所以当我将真正的组件放在一起时，就会停止工作，

浏览 14提问于2022-05-23得票数 0

1回答

反应性类组件中的网络请求节流

javascript、reactjs、react-hooks

当使用function的useEffect钩子时，使用setTimeout和clearTimeout的组合(它放在useEffect返回的清理函数中)很容易节流API请求。function Search() { const [results, setResults] = React.useState([]); React.useEffect(()

浏览 4提问于2022-06-08得票数 0

1回答

编程生成Gatsby页面而不从Graphql中插入

javascript、graphql、gatsby

在Gatsby中，我使用Graphql在两个文件中查询我的项目的数据： function Pro

浏览 1提问于2022-05-16得票数 1

回答已采纳

1回答

反应钩，每个孩子一个

reactjs、react-hooks

我正在使用钩子来度量我的子组件，并因此更新父组件(尽管类似的度量钩子也会出现这个问题)。因此，我想对我所拥有的每个子组件进行useDimensions。但是，这是一个通用的父组件，可以接受任意数量的子组件，所以我必须遍历子组件并为每个子组件添加一个钩子。它现在看起来有点像这样：import useDimensions from "react-use-dimension

浏览 1提问于2019-07-28得票数 4

回答已采纳

1回答

symfony 1.4中的性能问题

php、mysql、performance、symfony-1.4

我对每个http请求进行了近10次DB调用。我发现处理请求需要在服务器上花费近600-800ms。当我使用日志语句来跟踪进行DB调用所花费的时间时，我发现它不到总时间的20%。

浏览 3提问于2013-11-06得票数 1

1回答

使用jest和react测试库对自定义钩子进行单元测试

reactjs、unit-testing、jestjs、react-testing-library

我正在尝试使用jest和react测试库对自定义钩子进行单元测试，在这种情况下抛出错误，但我无法捕获实际的错误消息，以下是我到目前为止的代码：import react from 'react'I am test 1'; test1test.js import Reactfrom

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

2回答

useSelector无法从“redux”导出

reactjs、firebase、react-redux

我有一个错误，上面写着Can't import 'UseSelector' from react-redux。我正在做的是一个名为“入门”的小项目--我正在使用firebase并对此做出反应，下面是出现错误的代码文件import ReactDOM from'react-dom'; import './store/reducers/rootRe

浏览 1提问于2020-08-17得票数 3

回答已采纳

1回答

如何在使用function和类型记录的函数中使用use钩子？

reactjs、typescript

我想在函数中使用useHook，它说useHook是在一个既不是react函数组件也不是自定义react钩子的函数中使用的。现在它抛出错误反应钩子React<e

浏览 4提问于2020-06-11得票数 0

回答已采纳

1回答

我不确定在我的React Native应用程序中应该以哪种方式导入React。如果我需要使用像useState这样的钩子，我应该用import React, { useState } from 'react';、import { useState } from 'react';、import * as React from 'react';还是import * from &#

浏览 18提问于2021-10-20得票数 0

回答已采纳

1回答

反应和Easybase -无效钩子调用。只能在函数组件的主体内调用钩子。

node.js、reactjs、database、solana

我正在尝试使用React和Easybase (数据库)。不过，我有一些问题。import bs58 from 'bs58';import ReactDOM from

浏览 8提问于2022-01-23得票数 0

回答已采纳

1回答

如何在React测试库中添加useState

reactjs、react-testing-library

我尝试使用React Testing Library在测试用例中添加useState，但它对我不起作用。我的代码如下。取决于将呈现的isLoading组件。如何在React测试用例中添加isLoading状态？我想在我的测试中将isLoading作为初始状态添加为false。

浏览 0提问于2021-10-04得票数 1

1回答

调整导航以防止浏览器挂在React应用程序中

reactjs、firebase-authentication、react-router、react-hooks

我正在使用authentication登录/注册，并使用firebase auth进行身份验证。当用户登录时，我希望在根路径或App组件上重定向用户。但是我进入了一个无限循环，这给了我这个错误(通过节流导航来防止浏览器挂起)。import React, { useEffect } from "react"; import

浏览 1提问于2019-06-19得票数 4

回答已采纳

2回答

在reactjs项目中构建服务层的一般可接受方式是什么？

reactjs

我正在使用axios.get()来调用我的一个组件中的api端点。我需要能够封装这个端点调用，这样我就可以通过从几个不同的组件调用它来重用这个实现。在React项目中构建这种类型的实现通常可以接受的方式是什么？例如，将相关的api调用分组到与src/component相同级别的src/services目录中的js文件中，这通常是可以接受的吗？

浏览 1提问于2020-02-06得票数 3

1回答

我是否可以完全摆脱useCallback和useMemo与MobX的反应？

reactjs、mobx、mobx-react-lite

目前，我正在使用Redux和上述钩子的反应项目。然而，在我看来，useMemo和useCallback很快就会导致错误(棘手的)。据我所知，这些钩子是必需的，以避免不必要的重新呈现组件，因为react是检查引用相等。另外，我认为useContext不应该用于频繁的更新。但是，MobX实际上经常与钩子一起使用

浏览 3提问于2020-10-04得票数 0

回答已采纳

1回答

早期从react自定义钩子返回是没有得到结构的。

javascript、reactjs、react-hooks

我有一个使用useEffect的自定义钩子。这个钩子应该使用JS fetch从api获取数据。现在，我想根据情况返回api或错误数据，然后对调用这个钩子的组件上的值进行重构。下面是我的自定义钩子的代码const [state, setState] = useState([]); setErrorMsg(erro

浏览 4提问于2020-01-22得票数 0

点击加载更多