父属性更改时的Rerender输入react组件

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我有一个输入字段，它应该使用一些延迟选项来输入和发出搜索请求。此外，每当属性中的搜索文本发生变化时，我都需要重新运行此搜索组件。但我遇到了一个问题，在粘贴无法找到的值并试图删除它后，搜索字段挂起。我还找到了另一个解决方案，用use-debounce https://github.com/xnimorz/use-debounce解除这个handleSearch请求但是仍然不太了解如何正确地重新渲染组件带有use-debounce<

浏览 16提问于2019-05-22得票数 0

1回答

如何从子组件重新呈现父组件

javascript、reactjs

父组件有一个p标记，用于动画显示其内部文本。当我刷新页面时，动画会起作用。下面是父组件： import React, { Component } from 'react'; </div> } export default Parent; 下面是子组件

浏览 28提问于2020-12-14得票数 0

回答已采纳

3回答

即使道具没有改变，为什么react也要重新渲染组件呢？

javascript、reactjs

我已经使用react了一段时间，并阅读了文档，我发现了一些对我来说很奇怪的东西，为什么react重新渲染组件的子元素在父组件的每个状态更改上，即使子道具是相同的?？为什么我要把我的组件包装在Memo()中以防止这种重现呢？将Memo设置为每个react组件的默认设置，或者我是否应该对所有组件都使用它，并不是更好。

浏览 4提问于2021-04-22得票数 2

1回答

React.js:从父组件传递到子组件的函数未被调用

javascript、reactjs、react-state-management

我是一个初学者，正在尝试学习React。我有一个父组件，它的状态中有一个布尔值，我使用在其类中定义的名为rerender()的函数对其进行更改。我将这个函数向下传递给子组件的属性，如下所示： <Todolist name={name} addListItem={this.addListItem} rerender={(

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

回答已采纳

1回答

如何迭代一个功能组件，然后通过更改react中的记录来设置状态？

reactjs、typescript

您好，我已经创建了一个父组件&然后在JSON数组上迭代子组件&然后我尝试对子组件进行一些更改。它不能正常工作。我的父组件代码是- import React from 'react';export const ParentComponent> ); }; 子<

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

2回答

React.memo不工作于功能组件

javascript、reactjs、react-memo

我尝试使用React.memo()来防止在我的一个组件上重新呈现，但是每当它的父组件发生更改时，它就会继续重新呈现。下面是带有React.memo()的子组件 console.log('rerender') return (<></>

浏览 6提问于2021-12-09得票数 1

回答已采纳

1回答

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

reactjs、redux、react-redux

每次当我的redux状态更新时，我的整个页面都在加载。不完全是从服务器加载资源，而是刷新页面内部的组件？import { createForms } from "react-redux-form"; import { InitialFeedback, RegisterUserDetails

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

1回答

根据React Hooks中父组件的不同更改，更改子组件的不同属性？

javascript、reactjs、react-hooks

假设我有一个父组件和两个传递给子组件的属性(propA和propB)。propA每隔一段时间更改一次，并且更频繁。仅当用户执行特定操作时才使用propB。子组件现在应该有条件地检查propB是否更改，子组件的所有属性都需要重新呈现。但是，当propA更改时，只有子组件的特定属性应该更改，而其他属性应该保持不变(由于性能原因)。目

浏览 1提问于2020-03-05得票数 1

1回答

响应转换组-如何在组件更新时触发动画？

javascript、css、reactjs、react-transition-group

我似乎缺乏对如何工作的基本理解。在这个简单的例子中，我希望组件在每次更新时都会淡入。事实并非如此。为什么是这种情况？如果我按一下里面的道具，它就会起作用。import React from 'react';import { Container, Button, Alert } from((state) => ({ rerender: !，我认为

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

回答已采纳

1回答

为什么在导出组件而不是导入组件时应用HOC

javascript、node.js、reactjs、redux、commonjs

我的基本理解是，像connect (用于连接redux store)之类的HOC和其他HOC在导出组件时会应用到该组件。HOC，因为这会使组件更容易重用。相同的组件可以从存储或从道具中提取道具，这将是父组件的责任，以检查在组件上应用哪个HOC的内容。我知道我们可以使用容器组件，它接受组件并渲染子组件，但这只是在

浏览 1提问于2017-07-25得票数 1

1回答

如何在另一个子组件的反应中呈现另一个子组件

reactjs、react-hooks、react-component

一个组件有两个子组件，在更改其中一个子组件中的开关值时，它应该重新呈现另一个子组件。如何做到这一点？请用代码片段解释。

浏览 1提问于2022-08-09得票数 2

回答已采纳

2回答

如果使用了useCallback，那么父级中的function React.memo ()函数只能与React.memo一起工作，而不起作用。

reactjs、react-hooks、memo、usecallback

父组件转换处理程序:输入类型更改的触发器.

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

回答已采纳

1回答

当道具更改时，响应子组件不更新

javascript、reactjs

我正在尝试构建一个具有搜索输入的父组件和包含搜索结果列表的子组件组成的本地React搜索。我已经创建了一个React状态对象，它包含搜索查询和搜索结果列表。当输入字段发生更改时，将运行搜索以生成新的结果集，并更新两个属性(查询和结果)。搜索输入正在按预期更新，但是尽管对其支柱进行了更新，子组件不会重新呈现。为了简洁起见，我删除了

浏览 6提问于2020-11-13得票数 2

回答已采纳

1回答

尽管使用备忘，也没有更改任何道具，但在功能组件中重新复制孩子的反应

reactjs、react-native、react-hooks

我有一个图标组件，它绘制一个图标，它是闪烁的，因为父程序使它成为一个无意义的重发器。我不明白为什么会发生这种事，也不明白如何防止这种情况发生。我们通过在控制台中记录“rerender”来模拟图标重命名。以下是代码：import { Text, View, StyleSheet } from

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

回答已采纳

1回答

React中的Rerender父组件

javascript、reactjs、typescript、cookies、jsx

我正在学习React和TypeScript，我正在尝试编写一个登录表单，但是在检查用户的数据并创建cookie之后，我想重新修改父组件。我有index.tsx (简写)：import ReactDOM from 'react-dom'; import cookie from 'react-cookiesfrom 'react</e

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

1回答

React :如何停止重新呈现组件或在路由器更改相同路由时发出API调用

javascript、reactjs、api、react-router

我有一个带有路由的主要应用程序组件，它包含两个组件：(请参见下面给定的代码) 我面临的问题是，当我第一次点击http://localhost但是当我回到使用路由器http://localhost:3001/articles的文章页面时，它会再次触发API调用来获取文章，因为组件在每次路由更改时都会重新呈现。有人能解释我如何停止在路由器更改

浏览 0提问于2019-08-06得票数 5

1回答

基于条件在JSF页面中渲染IFrame

jsf、iframe、jsf-2、richfaces、rendering

我们使用iFrame在图形用户界面上显示应用程序中生成的报告。报告正确显示在iframe内的GUI上。但是，在单击某些按钮时，我希望iframe消失(render=false)。我尝试将iframe放在<h:panelGrid>和<h:panelGroup>中，并使用render属性呈现它，但是iframe本身并没有出现。当它到来时，即使当<h:panelGrid>的rendered=false属性被设置为false时，iframe也没有被渲染。我知道iframe将在整

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

1回答

如何在react中值发生更改时更新输入表单中的字段

reactjs、input

我正在尝试写一个表单，以便我可以编辑用户的详细信息，然后提交给后端我希望表单在表单中显示用户的当前详细信息，这些可以留在原样或编辑，然后提交时，新的详细信息被传递到后端并保存在数据库中。到目前为止，我在react中有一个组件，它在遍历上一个api调用中返回的所有用户之后显示所有用户。Button> </Modal.Footer> </Mod

浏览 16提问于2021-11-12得票数 0

2回答

原始ReactJS更新属性

reactjs

我使用React渲染我的web应用程序所需的一些组件，我有一个带有播放和停止按钮的计时器。我从get请求中检索所有的时间记录，并且我想在组件每次更改时重新修改它，我如何做到这一点？除了使用一个简单的setInterval来调用this.forceUpdate()函数之外，一切都可以正常工作，但这给了我一个警告：警告:forceUpdate(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件

浏览 3提问于2017-03-09得票数 0

回答已采纳

2回答

当我在父程序中使用一个自组织组件时，应重新设置我的备忘组件

reactjs、react-native、react-hooks

我有一个问题，一个图像闪烁，因为它是无缘无故地呈现，尽管使用React.memo，尽管它的道具或状态不被改变。我成功地使用了，正确地利用了React.memo，BUUUT，因为一个我不明白的原因，如果我在父组件中使用一个高阶组件，那么备忘录就不再工作了，我又遇到了闪烁的问题。 // We emulate a rerender of

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

回答已采纳

点击加载更多