使用react挂钩重新渲染问题

文章/答案/技术大牛

发布

2回答

reactjs、react-hooks

学习React Hooks，我正在开发一个测试应用程序。我的应用程序从API加载数据，然后填充网格。小菜一碟。当我试图显示一个加载指示器时，这个问题就出现了。它进入重新渲染循环。下面是我所做的： import React, { useState, useEffect } from 'react'; const [loading

浏览 17提问于2020-03-26得票数 0

回答已采纳

1回答

我有一个从redux调用action来获取上传内容的useEffect useEffect(() => {}, [getUploads]) 但是，我只想在状态改变时获取，而不是每次组件呈现时都获取。我映射了状态，如下所示： {filteredUploads.map((image, i) => { return (...) })} 我已经尝试添加getUploads，filteredUploads，filteredUploads.length作为依赖数组。这些都不管用。我的redux-action export const getUploads

浏览 19提问于2020-04-27得票数 4

1回答

如何使用react挂钩在dom更改后强制更新

javascript、reactjs、react-hooks、use-effect

在父对象中，我使用useEffect()来获取pathRef.current.getBoundingClientRect().height；但无论我做什么，我总是得到旧州的高度。

浏览 0提问于2020-07-30得票数 0

1回答

为什么状态不是用给定值初始化的？

html、reactjs、web、react-hooks

import React, { useRef, useState } from "react"; //import config from "../../../../../..

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

回答已采纳

1回答

闭包的复杂性是否会影响创建它的性能成本？

javascript、reactjs、typescript、web、dom

假设我有以下的React钩子： export const useSomeState = (someProps: {}) => { }) } 因为我们使用函数处理程序来初始化( React.useState )，所以状态应该只初始化一次如果将此挂钩用作频繁重新呈现的较大组件的一部分，是否会影响性

浏览 18提问于2020-09-29得票数 0

回答已采纳

1回答

React组件无限地重新呈现在useEffect钩子中设置的相同布尔值状态？

reactjs、react-hooks

我在下面的代码片段上进行实验，以了解React useState和useEffect挂钩的行为。const [foo, setFoo] = React.useState<boolean>(true); console.log("Setting由于foo一直被设置为相同的布尔值false，我预计宿主组件应该只渲染两次，即初始加载和状态foo从true更改为false时。但实际上，我观察到的是这段代码创建了一个无限的

浏览 27提问于2020-05-27得票数 0

2回答

React Hooks: Rerender，即使状态没有改变

reactjs、react-hooks

我提出了以下解决方案，并认为只有当headerState的值实际发生更改时，才会重新呈现Header组件，但实际情况并非如此。该组件将在每次滚动位置更改时重新呈现，甚至在未调用setHeaderState时也是如此。这里我漏掉了什么？它是不是因为我在使用useWindowScroll而重新渲染，我能以某种方式避免它吗？import { useWindowScroll } from "react-use"; const useHeaderState = () =&g

浏览 51提问于2019-10-01得票数 0

回答已采纳

2回答

组件重新呈现中的差异

reactjs

是否可以在使用Context API时停止组件重新渲染？

浏览 14提问于2021-06-08得票数 0

1回答

未装入零部件上的帧运动退出动画

reactjs、react-props、framer-motion、unmount

我正在尝试播放一个动画卸载我的组件与退出属性，但它不工作，尽管存在！我想我是在错误地管理我的描述的卸载，如果道具data.show是真的，布尔值，我在点击项目时更改，简而言之，如果有人能指出我…

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

回答已采纳

1回答

有没有一种方法可以在不重新渲染的情况下更改react-native-maps <Marker { there } /> coordinate=坐标？

javascript、react-native、google-maps、react-native-maps

参考：import React from 'react'; import {StyleSheet, View} from 'react-nativ

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

4回答

如何强制更新功能组件？

reactjs、redux

我正在学习redux，我想知道useSelector是如何更新组件的，因为组件没有自己的状态。类组件有this.forceUpdate()，但是函数组件没有。

浏览 2提问于2020-12-14得票数 1

1回答

React缺少一个依赖项

javascript、reactjs、typescript、eslint、react-hooks

我有这个问题来构建我的应用程序。有人知道是怎么回事吗？ React缺少一个依赖项：“conectar”。要么包含它，要么删除依赖数组react/react。

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

回答已采纳

1回答

来自useRef的数据仅在更改代码并保存后呈现

reactjs、elasticsearch、axios

我的react应用出了点问题。我从elasticsearch服务器检索数据，并尝试将其显示在网站上。export default RecipesPage 问题是我猜这是一个与useRef挂钩有关的问题，但我不确定。

浏览 10提问于2021-05-15得票数 0

回答已采纳

2回答

防止使用挂钩重新渲染

reactjs、react-hooks、react-lifecycle

发生的事情是，当setErrors组件被重新渲染时，我认为这是切换按钮改变的原因。

浏览 18提问于2020-07-14得票数 0

回答已采纳

2回答

如何在功能组件中编写处理程序和其他函数

reactjs、react-hooks

我有一个功能组件(它以前是基于类的，但我决定用react钩子重构它)。因此，现在在内部声明的每个函数都将在每个重新渲染器上声明(在本例中为handleClick)。当它是基于类的组件时，不存在这样的问题，因为函数存储在类属性中。所以，我的问题是，这些函数属于哪里？

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

3回答

防止在函数属性更新时重新渲染

javascript、reactjs、react-hooks

唯一的问题是，当表单变得非常大时(您可以动态添加问题)，当其中一个组件更新时，每个组件都会重新加载。updateQuestion({ ...question, response: e.target.value }) /> );我试过使用问题是向下传递函数以更新其父函数。如果不在每次表单更新时都更新它，我不知道如何做到这一点。我在任何地方都找不到在线解决方案。也许我在寻找错误的东西。感谢您能提供的任何帮助！解

浏览 4提问于2019-05-11得票数 12

回答已采纳

2回答

使用React挂钩和onScroll或onWheel阻止重新渲染

reactjs、react-hooks

我有一个组件，我在其中使用onWheel事件来检测所有方向的滚动(这是有效的)。我的问题是阻止这个组件重新渲染，这样我就可以利用来自underscore.js的节流：import React, {useState} from 'react'; </div>}; 节

浏览 68提问于2020-02-23得票数 3

1回答

每次当我的redux状态更新时，我的整个页面都在加载。不完全是从服务器加载资源，但是

reactjs、redux、react-redux

/Cart";import { InitialFeedback, RegisterUserDetails

浏览 2提问于2020-06-15得票数 1

1回答

反应钩setState未设定承诺

react-native、variables、es6-promise、react-hooks、contentful

我正在使用内容丰富的CMS JS，下面的代码没有更新我的React状态。这是一个更多的承诺，结合反应挂钩，结合反应渲染问题-我相信。我了解到，当在稍后时间解析钩子值时，允诺会设置钩子值，但到那时，我的组件已经用初始数据(空字符串)呈现了，所以如果是这样的话，当用承诺中正确的值设置了react状态时，如何使组件重新呈现，从而使Button谢谢问题就在这里。

浏览 1提问于2019-05-21得票数 1

回答已采纳

1回答

使用React* Hooks - render data的多个获取数据axios*

reactjs、axios、react-hooks

我正在使用React挂钩和axios，基于前面的示例从多个端点获取数据。不过，我在渲染数据时遇到了问题。我forked了一个宝贵的例子，你可以从中看到这个问题。有人能帮我指出.map()在哪里出了问题吗？谢谢你！！

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

回答已采纳

点击加载更多