UI无响应性/状态更新后不重新呈现
UI无响应性是指当用户与应用程序的用户界面（UI）进行交互时，界面没有及时响应用户的操作，导致用户体验下降。状态更新后不重新呈现则指的是当应用程序的状态发生改变时，界面没有实时地更新以反映最新的状态。
这个问题通常是由以下几个原因引起的：
- 阻塞UI线程：在前端开发中，如果某个操作在UI线程上运行时间过长，将会阻塞UI线程，导致界面无响应。这可能是由于复杂的计算、大量的数据加载或网络请求等原因引起的。为了解决这个问题，可以使用异步编程技术，如使用Web Workers或利用JavaScript的异步函数来处理耗时的操作，使得UI线程不被阻塞。
- 数据绑定问题：在一些前端框架中，UI界面通常是通过与数据进行绑定来实现的。如果数据更新后没有正确地触发界面的重新呈现，就会导致状态更新后不重新呈现的问题。在这种情况下，可以检查数据绑定的设置，确保数据更新时能够正确触发界面的重新渲染。
- 缓存问题：有时候为了提高性能，应用程序会对UI进行缓存，以避免重复的计算和渲染操作。但是如果缓存没有正确地管理，就可能导致界面无法及时更新。在这种情况下，可以检查缓存的更新机制，确保在状态发生改变时能够正确地更新缓存，并使得界面能够正确地重新呈现。
- UI渲染问题：有时候UI渲染的过程可能会出现问题，导致状态更新后不重新呈现。这可能是由于渲染逻辑错误、样式问题或者浏览器兼容性等原因引起的。在这种情况下，可以检查UI的渲染逻辑，确保界面能够正确地根据状态进行更新。
针对UI无响应性/状态更新后不重新呈现的问题，腾讯云提供了一些相关的产品和解决方案：
- 腾讯云前端云开发（https://cloud.tencent.com/product/tcb）：提供了一体化的云开发平台，支持快速开发和部署前端应用程序。通过腾讯云前端云开发，开发者可以实现前端与后端的高效协作，提高应用程序的响应性能。
- 腾讯云函数计算（https://cloud.tencent.com/product/scf）：提供了无服务器架构的计算服务，可根据请求自动动态进行资源分配。通过使用腾讯云函数计算，开发者可以将耗时的计算任务移至云端，避免阻塞UI线程，提升应用程序的响应性。
以上是对UI无响应性/状态更新后不重新呈现问题的解释和相关解决方案的介绍。希望能对您有所帮助。
相关·内容
1回答
因此，我有一些类似于图像编辑器的React和画布，每次拖动滑块之类的时候，画布都会更新。但是，拖拽滑块和与UI的交互通常是非常缓慢的，因为画布更新很重。是否有任何方法在后台更新它，同时保持UI响应？
我尝试使用useTransition，但我猜想它只适用于呈现组件，而不是更新画布，因为它没有帮助。
浏览 6提问于2022-08-29得票数 0
关于类组件中的this.setState的一些内容让我感到困惑。在react中，我看到this.setState在react中可能是异步的。我对此没有意见，我在this.setState之后用日志记录更新的值来测试它。但这确实让我感到困惑:当我们调用this.setState时，应对类的render方法进行响应，以重新呈现ui。但是this.setState是异步的，这意味着第一个呈现方法将被调用，ui将通过react重新呈现，然后状态中的值将被更改！那么组件如何向我们显示更新的值呢？我不..。我想得对吗？谢谢你的帮助。
浏览 3提问于2022-02-04得票数 0
1回答
物料UI开关不更改UI
、、、、
我正在使用Material UI的开关来改变多页应用程序的主题。发生的唯一错误是交换机不能从左向右移动(ui功能不会出现)，但onChange功能工作正常。我尝试了一下，结果是当我移除forceUpdate()时，material ui开关将会工作，但是组件将不会被重新渲染。forceUpdate中有什么原因导致交换机功能无法正常工作？
App.tsx：
import React from "react"
import {Switch, Route, BrowserRouter, Redirect} from "react-router-dom"
import
浏览 2提问于2020-11-24得票数 1
1回答
我正在尝试更新某个项的缓存，但是更改没有反映到ui上，我有一个由包含大量变量的查询获取的项，并且在我正在更新该项的组件上无法访问它们，而且该项也是分页列表的一部分，所以我的代码是
update = (cache)=>{
cache.data.data['ItemType_'+itemId].title = "New title"
}
据我所知，这段代码应该更新该项的缓存，但它没有在ui中显示它，是否有方法更新缓存中的单个项并呈现结果？
浏览 7提问于2022-11-21得票数 1
2回答
我的网络应用程序有一个简单的用户界面驱动的反应。只有一个页面，没有路由。与服务器的所有交互都是通过REST : POST到API以采取行动，从API中获取JSON来更新UI (它会做出反应)。没有任何服务器端模板。
通过按钮和超链接实现用户操作的推荐方法是什么？例如，我想点击一个<a>超链接来执行一个帖子，然后获得新的JSON，这将导致用新的props对重登做出反应。当然，我可以用Javascript硬编码来做到这一点。但是，我正在寻找使用React进行此操作的推荐方法。习语、组件、最佳实践，或者仅仅是实现这一目的的常用方法。
浏览 0提问于2020-05-19得票数 0
回答已采纳
这是我第一个用JavaScript创建的网站。我试图从API中获取项目，然后为用户显示它们。
我的职能：
getOrderItem = async (itemId: string) => {
console.log(await api.getItem(itemId))
return await api.getItem(itemId)
}
我在UI中就是这样称呼它的：
<h4>Quantity: {item.quantity} Name: {this.getOrderItem(item.id).name}</h4>
我的UI不更新，但我可以看到该函数
浏览 7提问于2021-06-10得票数 0
回答已采纳
我尝试更新指向azure-devops-ui/Filter的功能组件。为了使用以下组件，我使用返回异步响应的azure-devops-extension-sdk：
在Azure DevOps上的WorkItem中
我已经分别使用this.state/componentDidMount和useState/useEffect编写了基于类和函数组件的代码。我跟踪了。
但是，我只能重新呈现状态。当状态更新时，类中的UI组件和功能组件中的UI组件都不会更新。
这里有我的两个版本的代码，它们都等待响应并成功地更新状态。但是，两者都不会等待UI的呈现。
一般构成部分：
import {
IWorkI
浏览 3提问于2020-04-17得票数 0
回答已采纳
我得到了来自我状态的console.log()的两个响应。第一个是空的，第二个是我试图打印的数据。
[]空数组{…} 0：{id: 1，日期："2011-07-01T10:30:30.000Z"，名称："John"}长度:1 proto：Array(0)
我的代码如下所示：
constructor(props){
super(props);
this.state = {
session: []
}
}
componentDidMount(){
this.fetchSessionData();
}
fet
浏览 0提问于2018-11-29得票数 1
我很抱歉，这是一个专业的项目，我不能详细的事情，所以我必须解释的事情，而不告诉真正的条款。
我正在向API发送GET请求。此API以这种格式发送响应：
[0:
[
0: { permission: 1
thing: { title: 'title' id: '1234'}
}
1: { permission: 1
thing: { title: 'title2' id: '5678'}
}
]
]
在我的代码中，我有一个名为things的状态(使用钩子)，我想存储
浏览 5提问于2022-01-18得票数 0
2回答
我有一个用VB6编写的程序，它读取一个很长的文本文件并执行一个非常长的操作。我也实现了进度条，但我的问题是，当我的程序显示“没有响应”，并且当任务完成时它又开始响应。
如何删除此“无响应”问题？
浏览 3提问于2012-06-22得票数 5
回答已采纳
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
我有一个包含元素的大列表，它是从服务器响应数据生成的。问题是，当数据更新时，它会自动呈现与此数据绑定的元素，从而使UI被阻塞。
问题是，如何捕捉所有元素被呈现的那一刻，并在不阻塞UI的情况下显示列表？
谢谢
浏览 1提问于2016-05-13得票数 0
回答已采纳
2回答
新卡不呈现在反应中
、、、
我添加了一个功能，用户可以使用以下代码向应用程序添加卡片：
export default function Filter({
onChangeHogListAdd
}) {
const [textInput, setTextInput] = useState('')
function handleAdd() {
onChangeHogListAdd(textInput)
}
return(
<div>
<div className ='ui item'>
<la
浏览 7提问于2022-08-28得票数 0
回答已采纳
1回答
呈现的组件不响应它的道具更新
、、、、
我正在创建与Trello类似的React。我们有项目，项目有董事会，董事会有专栏，专栏有任务等等。默认情况下，只有项目，包括有其板名的栏，应该是可见的-其余的应该是隐藏的。如果你点击一个标牌标题的条形图，整个内容都应该是可见的。另外，当您再次单击此栏时，它将再次隐藏。我希望这是清楚的。
问题是，我有在一个组件(ProjectView)中呈现板名的栏，其中包含许多子组件(BoardView)，而这些组件最终可以呈现每个板(BoardView)的内容。在ProjectView中，我有一个映射(visibilityMap)，它为board的名称指定为隐藏布尔。此映射的对应值被传递给每个Board组件
浏览 7提问于2019-12-11得票数 0
回答已采纳
1回答
我是一个反应新手，我试图找出如何提高渲染性能。
考虑到示例，每当我创建一个新的Todo时，所有待办事项都将被重新呈现：
如何优化以只呈现新项？
浏览 2提问于2017-05-07得票数 2
回答已采纳
假设我有一个页面example.com/user/1，它由一个单独的组件组成，我将道具传递给使用getServerSideProps，因此是{"name":"Bob"}。
该页面允许用户修改显示在该页面上的name值，该值使用对后端的标准fetch()调用进行更新。这个fetch()调用返回更新后的值(比如{"name":"Alice"})，我现在想在UI上显示这个值。
但是，我不能这样做，因为组件正在使用道具来生成UI。
在我看来，我有三个选择：
强制刷新整个页面，这将从后端的name函数中获取更新的getServerSid
浏览 3提问于2022-09-20得票数 0
我有一个状态
constructor (props) {
super (props);
this.state = {
index: '',
};
}
和扁平列表
<FlatList
showsVerticalScrollIndicator={false}
removeClippedSubviews={false}
data={this.props.response}
keyExtractor={(item, index) => index}
浏览 0提问于2018-01-11得票数 2
1回答
我想测试一下这个方法，shouldComponentUpdate，但是我编写的测试没有捕捉到副作用。我该怎么测试这个？
我已经尝试了这里提出的解决方案，但是有一些问题，我将在代码：中展示。
我尝试过使用shallow而不是mount，但是当我这样做时，我的测试在这里失败了：
expect(shouldComponentUpdate).to.have.property("callCount", 1);
// AssertionError: expected [Function: proxy] to have a property 'callCount
浏览 0提问于2019-08-24得票数 0
2回答
当我登录或注销时，我的菜单栏不会自动刷新，但当我手动刷新页面时，它会刷新。我尝试了很多解决方案，但还是解决不了这个问题。 请帮我找到解决这个问题的办法。 我的代码： // index page
ReactDOM.render(<Provider store={store}>
<Routes />
</Provider>, document.getElementById('root')); 我的Routes.js文件 return (
<BrowserRouter>
<Menu />
浏览 44提问于2020-10-11得票数 1
1回答
当我的应用程序执行逻辑删除时，我需要等到WebClient UploadStringAsync返回响应后才能执行逻辑删除。我试图通过阻塞UI线程几秒钟来实现它，但我注意到，当UI被阻塞时，没有响应。当我释放锁的时候(无论是Thread.sleep还是ManualResetEvent)，响应都在同一时刻到来。当然，除了UI之外，UploadStringAsync和UploadStringCompleted也在线程上工作。也许你会知道这些行为的原因是什么？
浏览 0提问于2012-05-28得票数 0
回答已采纳
user.entries状态会被更新；但是，它不会被立即传递给子组件，它只会在第二个按钮提交时得到更新，并且它传递的是第一个user.entries，而不是第二个。
App.js文件：
class App extends Component {
constructor(){
super();
this.state = {
input: '',
imageUrl:'',
box:{},
route:'signin',
isSignedIn: false,
u
浏览 1提问于2022-09-24得票数 0
重新呈现react组件时，该组件的状态会发生什么变化？
它是保持不受影响，还是被重置为某个“默认值”？为什么？
浏览 1提问于2020-06-27得票数 0
1回答
反应道具未填充
、、
尝试学习React并遵循本教程：
在这里，您有一个App.js组件，它使Travel调用填充数据对象：
import React, { useState, useEffect } from "react";
import { CssBaseline, Grid } from "@material-ui/core";
import { getPlacesData } from "./api";
import Header from "./components/Header/Header";
import List from "
浏览 7提问于2022-09-04得票数 -1
我很难从Axios响应中创建一系列的标题。方法getTitles(props)从Axios响应接收数据。如何动态创建标题数组？
我在Javascript中尝试过的函数是for loops和EC6 mapping，似乎什么都没有用。作为新的反应，我可能错过了一些东西，但我不知道它是什么。
反应码
export default class Featured extends React.Component {
constructor() {
super();
this.state = {
data: null,
}
}
/**
* Receiv
浏览 0提问于2018-02-09得票数 0
回答已采纳
1回答
我正在使用电视应用程序。我有一个Player组件，它基于JSON数组呈现Asset组件。Player组件有一个setTimeout(() => {}, 1000)，它每秒钟运行一次，并设置每秒currentAsset的状态值。在我目前的呈现功能中，我分别呈现资产：
render() {
return (
<><Asset asset={this.state.currentAsset} /></>
);
}
我的JSON对象包含一个资产数据数组，因此setTimeout只遍历该数组并设置this.setState({cur
浏览 5提问于2021-12-25得票数 0
只是想做动态模态。当我单击按钮时，它可以工作，但不会立即设置状态。首先，console.log返回空数组。其他人工作正常。
//状态和处理程序
const [showModal, setShowModal] = React.useState([])
const handleModal = (id) => {
const modalData = data?.filter((item) => item.id == id )
setShowModal(modalData)
console.log(showModal)
}
console.log(showMod
浏览 1提问于2022-07-06得票数 -1
回答已采纳
在useEffect()内部，我使用fetch()调用从服务器请求数据。
在收到数据后，我试图修改我以前定义的钩子。但是，钩子不想排除这些新数据。
为了确保我的代码正确地等待数据被返回，然后再将数据传输到React，我已经设置了两个变量。
第一个是在我的功能组件之外创建的空数组：“eventTicketInfo”.The第二个是钩子，也是一个空数组，它是在我的函数组件“ticketInfo”中创建的。
我的代码成功地填充了“eventTicketInfo”，但没有填充“ticketInfo”。
从fetch()接收到的响应对象是一个数组，结构如下：
[ {ticketID: "fc05
浏览 7提问于2019-11-17得票数 0
回答已采纳
下面是我的代码：
function State(){
var [msg,set_msg]=React.useState("hello") //not rendered, just to force render
var [data,set_data]=React.useState({version:1})
function onClick(){
set_msg(x=>x+'x') //just to force render
data.version+=1 //changing state in place, but it still
浏览 0提问于2021-01-13得票数 2
回答已采纳
1回答
正在复制react中的表的行
、、、、
嗨，我对react有一个要求。我需要复制row of table in UI。表示用户在下图中yellow中突出显示的图标上单击一次clicks。相同的row应该是duplicated。 你能指导我，我怎样才能达到同样的目的？ ? 因此，下面的行应该出现两次。 ? ?
浏览 10提问于2021-11-15得票数 0
1回答
我有一个数组的对象，有一个id和价格。当onClick事件发生时，它会更新特定对象的价格。但是，当onClick事件再次发生时，将显示相关项目的价格被更新。但是，更新后的前一项的价格现在被重新调整到默认值。有人知道为什么会这样吗？该数组从另一个数组映射，并在页面加载和更新发生在一个函数内初始化，该函数在单击按钮时被调用。
/*array for prices*/
const prices = [];
props.cartItems.slice(1).map(
(data) => {
prices.push({id: data.id,
浏览 3提问于2022-11-28得票数 0
回答已采纳
3回答
我必须用React js实现现有应用程序的新UI。这是react组件，在单击菜单项后呈现。我注意到用于react的chrome dev tools插件每次点击菜单时都会显示新创建的组件。这不是在浪费内存吗？这是Sammy.js的菜单激活码
this.get('#/security',function(){
this.swap("");
React.render(
<MainComponent/>,
document.getElementById('content
浏览 0提问于2015-10-13得票数 0
所以我知道一些关于vue的生命周期钩子的事情，但是对于其中的一些，我想我想不出在它们中应该做的任何真实的用例或例子，我认为通过找到它们的用例可以帮助我更好地理解它们。
我知道和不知道他们的情况如下：
创造钩
beforeCreate()：事件和生命周期已经初始化，但是数据还没有被激活-用例??
created()：您可以访问响应性的数据和事件，但是模板和虚拟DOM尚未被挂载或呈现--用例: API调用
安装钩
beforeMount()：在初始呈现之前运行-用例??
装入()：您可以访问反应性组件、模板和呈现的DOM --用例:修改DOM
更新钩子
befo
浏览 0提问于2020-12-02得票数 3
回答已采纳
1回答
所以我试着把一些道具从一个孩子送到另一个家长，并得到了这个错误。我正在尝试从子组件发送回调函数到父函数，并在子组件中调用该函数。我以前用过这个，但是这次我得到了这个错误。
这是我的父组件。
import React from 'react';
import AppBar from '@material-ui/core/AppBar';
import SideDrawer from './SideDrawer';
class Header extends React.Component {
state={
drawer
浏览 3提问于2020-02-10得票数 1
回答已采纳
3回答
我正在从数据库中得到一个图书列表，并且存储在一个状态变量图书列表中，它也有图书价格字段
const [books, setBooks]=useState([])
setBooks(data)
数组中的每个图书对象都具有BookName、Author、Price、折扣等属性。
我呈现了一个html表，如下所示
return ( <div>
{books.map((x,i) => ( <tr>
<td>x.bookName</td>
<td
浏览 3提问于2021-08-20得票数 0
回答已采纳
2回答
存储和显示按滚动事件更改的页偏移值的最佳方式/推荐模式是什么？
useState中的存储值
function App() {
const [posY, setPosY] = useState(0);
useEffect(() => {
const handleScroll = (e) => setPosY(window.pageYOffset);
window.addEventListener("scroll", handleScroll);
return () => window.removeEventListener(&
浏览 3提问于2021-05-26得票数 0
回答已采纳
1回答
你好，
我正在为一个更大的项目使用react，但我仍然是那里的初学者。目前，我在大表单页面的textfield中输入信息时出现了性能问题。我认识到，这是由将状态集设置为value属性造成的，该属性与所有ui元素相连接。我的结构类似于：
<textfield value={myState.name} ...>...</textfield>
<textfield value={myState.someotherattr} ...>...</textfield>
...
<datePicker value={myState.date} ...&g
浏览 5提问于2022-09-02得票数 0
4回答
我是新的反应，有点挣扎的状态在反应，以及如何和地点，我们需要使用它。到目前为止，我发现“如果修改一段数据不能直观地改变组件，那么数据就不应该进入状态”。所以，state是关于重新呈现UI(我希望我是正确的)。那么，我想问的问题是，我们是否真的只使用state来重新呈现UI？
浏览 0提问于2019-10-03得票数 0
回答已采纳
4回答
下面是代码片段
const MuiSelect = () => {
const [country , setCountry] = useState('')
console.log("C1: " + country)
const handleChange = (event : React.ChangeEvent<HTMLInputElement>) => {
setCountry(event.target.value as string)
console.log("C2: "
浏览 11提问于2022-08-20得票数 1
我用的是反应。我正在使用材料表来获取可编辑表的数据。但是我得到了一个像图片一样的错误，我如何纠正这个错误呢？
我使用useState作为表的编辑设置。请你帮我处理一下错误好吗？
在接收数据时，我不会收到任何错误。我只使用表上的编辑作为活动/非活动。forceUpdate = useState (假)，setData = useState (drBounty)；
给出了行的错误。
错误的屏幕截图和下面的源代码
import React, { Component, useState } from "react";
import withAuth from ".
浏览 1提问于2020-03-22得票数 0
回答已采纳
我尝试显示一个加载器div，直到返回由Ajax填充的div。所以我想隐藏一个div "responseDiv“，直到它被Ajax数据填充，同时我想显示一个加载器Div。我的CSS
#loading {
background: url('images/loading.gif') no-repeat center center;
position: absolute;
display: block;
/*top: 0%;
left : 0%;*/
background-color : #ffffff ;
}
#respon
浏览 4提问于2016-11-29得票数 0
我是新来的。我在看他们的医生了解反应是如何运作的。因此，有人提到，当state/props/setState()更改/调用时，重新响应整个组件。
此外，我还看到react元素是不可变的，只有在发生更改时才会呈现它们。因此，当react试图呈现组件时，它实际上遍历所有元素，检查差异，并且只呈现数据被更改的元素。它不会简单地重新呈现整个组件。
我说得对吗？还是我的理解错了？
浏览 8提问于2020-10-23得票数 3
回答已采纳
3回答
我正试图在我的注册表格上使用ReactJS创建客户端验证。我使用库进行验证，同时使用组件来呈现语义-ui反应组件。这是密码。
var constraints = {
email: {
presence: true,
email:true
},
password: {
presence: true,
length: { minimum: 5 }
}
}
var RegistrationForm = React.createClass({
getInitialState: function() {
return {
浏览 1提问于2015-01-24得票数 10
回答已采纳
4回答
我有以下代码：
import React,{useState} from 'react'
const iState ={
Name : '',
Email :'',
Salary :0,
Error:{
EName:'*',
EEmail:'*',
ESalary:'*'
}
}
function ReactForm() {
const [state, setstate] = useState(iSt
浏览 6提问于2021-06-04得票数 3
回答已采纳
1回答
路由器文件中的几乎所有组件都会无限运行。不知道有什么问题。由于此问题，ajax请求会发送无限的GET请求。
所有的文件看起来都像这样。
import React, { useState, useEffect } from "react";
import { connect } from "react-redux";
import { apiCall } from "../handlers/api";
import BasicTable from "../reusable/table";
import { loadFields }
浏览 45提问于2021-02-20得票数 0
回答已采纳
1回答
地方政府能变吗？
、、
有点傻的问题，但通常我看到
const [name, setName] = useContext(myContext)
但是我有一些代码，我想做这样的事情：
var [name, setName] = useContext(myContext)
useEffect(() => {
if (someCondition)
name = undefined
setName(name ?? getName())
}, [name])
我总是看到这个州被贴上“const”的标签，但这有关系吗？(上述情况可以重新分解，因此无关紧要，但这个问题具体是关于“var”与“const”之间
浏览 1提问于2021-05-01得票数 1
回答已采纳
1回答
所以我现在的代码如下所示，我正在尝试用来自消防局数据库的信息实时更新一个资料ui表。我能够从数据库中读取信息并将其插入数组中，但是当我将表数据设置为等于数组时，它不会改变任何事情。我已经读到我应该使用状态来做这件事，但是我对响应/JS还很陌生，并且不太确定如何在我目前的情况下实现这一点。任何帮助或指示都将不胜感激！
编辑的
我实现了来自@Mateen的响应，但是代码编译成功，但是在应用程序本身上，会弹出以下错误。
Error: Invalid hook call. Hooks can only be called inside of the body of a function compone
浏览 2提问于2020-07-12得票数 0
import React, { useEffect, useState } from "react";
const Test = () => {
useEffect(() => {
let url = "http://127.0.0.1:8000"
fetch(url)
.then(res => res.text())
.then(res => {
document.getElementById("content").innerHTML = r
浏览 2提问于2021-04-14得票数 1
2回答
我目前正在创建一个前端应用程序，以便显示ML的一些结果，并使用React + Recharts。我的React版本是16.11.0，recharts的版本是1.8.5。
每次我更新我的数据(在每次迭代之后)，我都想更新图表。所以它首先显示30个点，这是预期的行为，但当我添加我的30个新点时，将用于显示数据的数组推到60，它看起来像是我的组件没有重新呈现，只显示了30个点。
所有的逻辑看起来都很好:在我的主页面端，数据的聚合是正确的，组件正确地接收到了更新后的数据。但我的病历还是不能更新。
也许我用钩子做错了事情，因为我还是个初学者。谢谢你的帮助。
主页代码，包含管理数据的"simula
浏览 0提问于2020-05-18得票数 2
我有一个父组件，如下所示：
const Parent = () => {
return (
<Child_1 />
<Child_2 />
);
}
如果在其中一个子组件中发生任何更改，父组件会重新呈现吗？
浏览 3提问于2022-05-28得票数 8
回答已采纳
在我的React组件中，它呈现一个子组件。当ChildComponent的对象呈现时，响应实例化。
我的问题是，当我单击父组件中的一个按钮时，如何才能强制对恢复剂(一个对象)作出反应？我希望ChildComponent被‘重置’，也就是当它被称为构造函数的时候。
导出类ParentComponent扩展React.Component {
private handleButtonClick() {
// re-instantiate ChildComponent
}
public render() {
return (
<Button onClick={handleButto
浏览 3提问于2022-03-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
