React组件未使用setState在状态更改时重新呈现
是指在React开发中，当组件的状态发生变化时，如果没有使用setState方法来更新状态，那么组件将不会重新渲染。
React是一个用于构建用户界面的JavaScript库，它采用了虚拟DOM的概念，通过比较前后两个虚拟DOM树的差异来高效地更新实际的DOM。而组件的状态变化是触发React重新渲染的重要条件之一。
在React中，组件的状态是通过state对象来管理的。当组件的状态发生变化时，React会自动调用组件的render方法重新渲染组件，并将新的状态和属性传递给render方法，从而更新组件的显示。
而如果在状态变化时没有使用setState方法来更新状态，React就无法感知到状态的变化，也就无法触发重新渲染。这样就会导致组件的显示不会更新，用户无法看到最新的状态。
使用setState方法可以告诉React组件的状态发生了变化，需要重新渲染。setState方法接受一个对象或者一个函数作为参数，用于更新组件的状态。当调用setState方法时，React会将新的状态合并到原有的状态中，并触发组件的重新渲染。
在React中，推荐使用函数式组件或者类组件来定义组件。函数式组件是一种纯函数，接收一些输入参数（一般是属性），并返回一个React元素。类组件是通过继承React.Component类来定义的，其中包含了状态和生命周期方法。
对于React组件未使用setState在状态更改时重新呈现的问题，可以通过以下方式解决：
- 使用setState方法更新状态：在组件中，当需要更新状态时，应该使用setState方法来更新状态。例如，在事件处理函数中调用setState方法来更新状态，从而触发组件的重新渲染。
- 使用forceUpdate方法强制重新渲染：在某些情况下，可能需要强制组件重新渲染，即使状态没有发生变化。可以使用forceUpdate方法来实现。但是，强制重新渲染可能会导致性能问题，应该谨慎使用。
- 检查代码逻辑：如果组件的状态没有更新导致重新渲染，可能是代码逻辑有问题。可以检查代码，确保在状态变化时调用了setState方法。
总结：React组件未使用setState在状态更改时重新呈现是因为没有告诉React组件的状态发生了变化，需要重新渲染。通过使用setState方法来更新状态，可以触发组件的重新渲染，从而实现状态的更新和显示的更新。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙平台（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
一旦this.setState()被调用，React组件是否会对其state进行一些检查，以查看state是否已更改。因此，在调用componentDidMount之后，将不再有一个协调阶段，如下面的代码所示：
// in constructor
this.state = {width: 0}
...
// in componentDidMount method
this.setState(() => ({ width: 0 }))
或者我需要手动执行这些检查，例如：
const width = getViewportWidth()
if (this.state.width !== wi
浏览 1提问于2018-01-05得票数 2
1回答
我想实现子程序的排序功能，其中道具是通过一个axios调用从父函数传入的--我应该吗？
在子useState中存储道具
从道具传入父setState来实现这一点？
假设我不需要父母重新排序，我的想法是1可能更有利-只是我不确定在setState中存储道具是一种常见的模式。
第一个案例() -在子useState中存储道具
父母jsx
import { useEffect, useRef, useState } from "react";
import "./styles.css";
import Child from "./Child&#
浏览 4提问于2022-05-22得票数 0
我尝试在App.js中为经过身份验证的用户添加受保护的路由，但react元素被多次呈现。下面是我的App.js代码 class App extends Component {
constructor(props) {
super(props);
this.state = {
currentUser: null,
isAuthenticated: false,
isLoading: false
}
}
async loadCurrentUser() {
this.setState({
isLoading
浏览 53提问于2021-04-09得票数 2
回答已采纳
问题是：
如何获得引用(作为ReactElement而不是DOM)，在一个节点中，带有螺旋桨引用.
示例，在下面
将类MyTable呈现为：
<table ref="myTable">
{this.state.list.map(name=>
<AddVarTableRow key={name} myName={name}/>
)}
</table>
在componentDidUpdate，想要这样做：
React.Children.forEach(this.refs.tbody.props.ch
浏览 0提问于2016-03-11得票数 0
我已经创建了一个组件componentDidMount()数据，它具有从API获取数据的函数。之后，我将其导入到主组件中。主组件有一个呈现方法，其中我有一个简单的结构:第一个div -一些信息和导入的组件数据，第二个div是一个按钮，它打开一个模型，它有一些文本和按钮关闭这个模式对话框。我已经读过，componentDidMount()只在组件呈现后被调用一次。但是当我同时按下按钮打开我的模态页面时，componentDidMount()又被调用了。我需要的是，当我打开模态框时，componentDidMount()不会运行。但只有在呈现或刷新页时才运行。
主组件
import React f
浏览 1提问于2020-03-19得票数 0
回答已采纳
1回答
我遇到了一个奇怪的问题，我可以弄清楚为什么会发生。
这不应该发生，因为传递给History组件的道具还没有更新。
./components/History.js y.js
...
const History = ({ previousLevels }) => {
return (
<ScrollView style={styles.container}>
{previousLevels.reverse().map(({ date, stressValue, tirednessValue }) => {
retur
浏览 0提问于2018-07-28得票数 0
回答已采纳
因此，有时我在if语句中使用setState，以确保它不会不必要地运行。它起作用了，我从不出错。我理解在这种情况下，useEffect是如何帮助防止额外的重新呈现的，但是我的问题是，当在JSX之外使用"useState“时，useEffect总是需要的吗？例如，在程序意义上，如下面所示，技术上有一个不可靠的条件，可以阻止无限循环？
import { useEffect, useState } from "react";
import "./styles.css";
import Item from "./Item";
// EXAMPL
浏览 3提问于2022-09-01得票数 0
回答已采纳
上下文
我正试着用google-map-react展示当地的面包店。
但是，我的子组件console.log(props);中的行StoresGoogleMap将storeLocations和stores打印为[]。如果我在我的StoresGoogleMap组件中使用下面的内容，则它正在工作：
{props.storeLocations.map((storeLocation) => (
<Marker
key={storeLocation.unique_store_name}
lat={st
浏览 10提问于2022-02-22得票数 0
回答已采纳
我是新来的。我在看他们的医生了解反应是如何运作的。因此，有人提到，当state/props/setState()更改/调用时，重新响应整个组件。
此外，我还看到react元素是不可变的，只有在发生更改时才会呈现它们。因此，当react试图呈现组件时，它实际上遍历所有元素，检查差异，并且只呈现数据被更改的元素。它不会简单地重新呈现整个组件。
我说得对吗？还是我的理解错了？
浏览 8提问于2020-10-23得票数 3
回答已采纳
在本例中，componentDidUpdate是在设置状态跟踪时触发的。HelloMessage道具和状态没有改变，所以为什么要调用这个方法？如何防止这种情况发生？
class HelloMessage extends React.Component {
componentDidUpdate(prevProps, prevState) {
console.log('HelloMessage did update');
}
render() {
return <div>Hellooo</div>;
}
}
class A
浏览 0提问于2018-08-17得票数 1
回答已采纳
为了更新子组件中的props对象，通常使用生命周期方法ComponentWillReceiveProps。但我意识到，可以在不侦听ComponentWillReceiveProps的情况下更新子组件的props。
例如，在以下名为App的组件中，子组件Comp能够在不侦听生命周期方法ComponentWillReceiveProps的情况下接收props。
主要的App组件：
import React from 'react';
import ReactDOM from 'react-dom';
import {Comp} from "./comp
浏览 6提问于2019-07-09得票数 2
类组件
在React类组件中，我们被告知setState 总是会导致重呈现，而不管状态是否实际更改为新值。实际上，组件将在状态更新到之前相同的值时重新呈现。
除非setState()返回false，否则shouldComponentUpdate()总是会导致重呈现。
钩子(功能组件)
但是，使用钩子，文档指定将状态更新为与前一个状态相同的值，not将导致(子组件的)重呈现：
退出状态更新
如果您将状态挂钩更新为与当前状态相同的值，则React将在不呈现子状态或触发效果的情况下退出。(React使用Object.is比较算法。)
密切相关的问题
类组件中的this.s
浏览 0提问于2019-03-27得票数 35
回答已采纳
2回答
Tac趾反应
、、、
我在“反应”中写了这个抽搐脚趾游戏。我正在学习反应。欢迎反馈。我故意用单一的文件，专注于反应而不是其他方面。
<!-- 3x3 Tic tac toe implementation in React JS. -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Tic Tac Toe</title>
<!-- Import react -->
<script src=
浏览 0提问于2017-03-21得票数 2
1回答
在正式示例中，Timer组件使用this.interval
var Timer = React.createClass({
getInitialState: function() {
return {secondsElapsed: 0};
},
interval: null,
tick: function() {
this.setState({secondsElapsed: this.state.secondsElapsed + 1});
},
componentDidMount: function() {
this.interval = s
浏览 4提问于2014-09-16得票数 1
回答已采纳
我正在尝试使用React js中的Recharts来构建一个条形图。我使用fetch调用从API获取数据，并将其转换为array.But，当它显示barCharts时，它将变为空白。
有人能帮我指出哪里出了问题吗？
var data1=[];
class BarChart extends React.Component {
constructor(props) {
super(props);
this.state = {
startDate: new Date(),
endDate: new Date(),
count: false
浏览 2提问于2019-04-23得票数 0
当我在if- error条件下使用state.clicked语句时，我得到了这个错误。下面是我的代码，
Hamburger.js
import React, { useEffect, useRef } from "react";
import { Link } from "react-router-dom";
const Hamburger = ({ state }) => {
let menu = useRef(null);
useEffect(() => {
if (state.clicked === false) {
浏览 2提问于2020-07-31得票数 0
回答已采纳
我的React类EventTable有几种模式，并与该模式相对应，它从服务器获取不同的数据，并将它们显示到<Table>中。我首先让类显示静态数据，它工作得很好，包括从更高的组件中通过支柱切换mods。但是后来我从fetch (ApiHelper函数in updateData())转到了动态数据，现在我遇到了一个问题。
我找不出正确的shouldComponentUpdate函数。在当前状态下，类在完成提取之前呈现，因此对于初始模式，它将不显示任何内容，当模式更改时，它将显示来自前一个fetch的数据。
例如，我尝试将旧数据与shouldComponentUpdate中的新数据进行
浏览 3提问于2019-11-18得票数 1
回答已采纳
要求：我必须用2种不同的颜色(除了红色和白色)眨眼2秒。我可以用这个代码-
const [state, setState] = React.useState(false)
const [initialState, setInitialState] = React.useState(0)
React.useEffect(() => {
if (initialState < 2){
let interval = setInterval(() => {
setState(true)
浏览 1提问于2021-09-14得票数 0
1回答
对道具变化设置反应级状态
、、、、
所以我有这个问题，我的反应类组件。由于它处理的状态“很多”，我不想使用一个功能组件bc，我认为它是更可读性这样。在我的类组件下面的几个层中，我有一个特性组件，它将选定的特性从复选框发送到redux状态。
我的类组件需要知道这些更改，并根据存储在redux存储中的所选特性重新呈现。
问题是，它总是从mapStaeToProps函数中获得新的道具，但是我不能使用setState(.)基于新的道具，bc componentDidMount一开始只运行一次，否则componentWillReceiveProps()就不再存在了。
import { connect } from 'react-r
浏览 3提问于2022-03-25得票数 0
基本上，我有一个非常简单的react组件。它所做的就是包装“react-intercom”，并且只有在状态发生变化时才会呈现它。为了简化这个问题，我将shouldCompoenentUpdate()方法硬连接为总是返回false。
import React from 'react';
import Intercom from 'react-intercom';
class IntercomWrapper extends React.Component {
shouldComponentUpdate(nextP
浏览 6提问于2017-09-13得票数 15
我目前在一个涉及Firebase自定义声明的项目中工作，他们需要管理员和用户角色。我现在已经把它弄好了。 当用户以管理员身份登录时，它会显示管理员导航栏；当他们只是一个用户时，它会显示用户导航栏。 但是，在用户刷新页面之前，我的导航不会改变。 解决这个问题的最好方法是什么？ Header.js import React, { Component } from 'react';
import {Link} from 'react-router-dom';
import './Header.scss';
import PublicNavigatio
浏览 28提问于2020-10-12得票数 0
回答已采纳
我总是在API's生命周期中发出ComponentDidMount请求，并在回调中调用setState。但是，在深入挖掘时，我碰巧发现，我们不应该在这个生命周期中调用setState，因为它再次触发呈现方法，而且React也不建议这样做。
那么，在这种情况下，我们应该在哪里提出请求，然后调用setState来使用结果呢？
浏览 0提问于2019-03-05得票数 2
回答已采纳
每次调用setState()时是否重新呈现所有组件和子组件？
如果是，为什么？我认为，当时的想法是，只有在状态发生变化时，才能做出尽可能少的反应。
在下面的简单示例中，两个类在单击文本时都会再次呈现，尽管在随后的单击中状态不会改变，因为onClick处理程序总是将state设置为相同的值：
this.setState({'test':'me'});
我原以为只有当state数据发生更改时，才会出现呈现。
下面是示例和嵌入式代码段的代码：
var TimeInChild = React.createClass({
render: function()
浏览 17提问于2014-07-13得票数 641
回答已采纳
我发现很难理解一点: setState in ParentComponent触发了ChildComponent的重新呈现，这是可以的。但是setState在MyProvider组件中并没有触发它！为什么要这样？没有回忆录。您可以尝试这个故事，并确保只有两个呈现消息:初始和6秒后。
import React, { useEffect, useState } from "react";
const Context = React.createContext<number>(123);
const MyProvider: React.FC<{ children:
浏览 4提问于2021-12-17得票数 0
我有个关于渲染反应的问题。见下图
SelectableGroup组件之所以呈现是因为它更改了其状态(调用setState())。然后，它的所有子组件都呈现到DashboardConfigs组件。DashboardConfigs组件没有呈现，因为它的shouldComponentUpdate()返回false。
现在我的问题是，为什么Grid和DashboardConfigs的所有其他后代被呈现出来？
我认为从shouldComponentUpdate返回false应该从呈现过程中切断组件树的整个分支。
请注意：
我使用redux，但是Grid没有连接到商店。
Selectable
浏览 0提问于2019-01-24得票数 1
我在探索componentWillReceiveProps方法是如何在React中工作的。我发现，当组件的任何props发生变化时，都会调用该方法，并且可以使用该方法使用setState方法更新组件的状态，这将导致组件重新呈现。
但是，如果我不在setState中调用componentWillReceiveProps，会不会导致render没有被调用。换句话说，render是只在状态变化时调用的，而不是当道具更改时调用的吗？
浏览 2提问于2018-07-05得票数 0
我一直得到：
警告:setState(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用setState()。这是禁止行动。请检查SearchInput组件的代码。
我试过以下几点：
问题很简单:当用户输入输入字段时，通过onChange属性和setState捕获输入
import React, { Component } from 'react';
class SearchInput extends Component {
constructor() {
super();
this.state = {
inputVa
浏览 3提问于2016-11-06得票数 1
在这个例子中，我使用memo来防止组件重新渲染，但是，即使项目属性没有改变，它也会在每次单击按钮时重新渲染。根据react文档，只有当道具被更改时，带有备忘录的组件才不会重新呈现。
import React, { memo, useContext } from "react";
import { BasketContext } from "./Context";
const ItemCard = React.memo(({ item }) => {
const [basket, setBasket] = useContext(BasketContex
浏览 6提问于2021-06-01得票数 0
为什么react必须使用setState更新状态(树调节)。而不是简单地初始化this.state.color = 'red'；假设以前的颜色值是‘绿色’。
浏览 1提问于2018-11-01得票数 12
回答已采纳
我在做一个简单的反应游戏。我假设正确地使用react作为视图层，并将所有游戏逻辑都放在它自己的外部对象中。对吗？
在这个例子中，游戏只通过用户点击屏幕来更新，因此，总是通过与react组件本身的交互来触发游戏的更新。在我的例子中，游戏也可以基于计时器进行更新(我认为这个定时器应该存在于游戏对象本身，而不是反应组件中)。
我的问题是，我应该如何更新一个反应组件，每次外部计时器(在我的游戏对象内)触发？
下面的代码演示了我链接到的棋盘游戏示例如何处理对游戏状态的更新--基本上是将this.onBoardUpdate.bind(this)传递给它的子组件，它可以调用该函数来更新棋盘游戏。
var C
浏览 3提问于2015-01-20得票数 0
回答已采纳
我认为它的工作方式不同，但我不知道它是如何工作的。
1.使用类变量
export default class Test extends Component {
constructor() {
this.active = false;
}
render() {
this.active = this.props.name === 'Dan'? true : false;
return (
<div>
{this.active? 'ssup?' : 'noooo'}
浏览 5提问于2019-01-30得票数 8
3回答
如果我们不将数据存储在state中，我想了解我们损失了什么。我们仍然可以通过使用this.setState({})触发重呈现。请提供深入分析.
请注意，我不关心维护应用程序的状态(通常是通过Redux、Mobx等进行的)。
class App extends React.Component {
constructor() {
super();
// this.state = { counter: 0 };//Am I loosing something by not doing in this way
}
counter = 0;
increment() {
浏览 0提问于2019-05-01得票数 5
我正在为菜单导航编写一个ReactJS应用程序，在该应用程序中，我在单击div并从其他元素中删除"selected“类时添加了一个"selected”类。现在，我陷入了如何从其他元素中删除类的问题--这是我的代码
<pre>
**App.js**
class App extends React.Component {
constructor(){
super();
this.state = {
active : "0",
}
}
clickHandler(index){
}
render()
浏览 0提问于2017-07-12得票数 0
回答已采纳
2回答
许多人直接在this (例如this.clickCount)上使用属性，而不是this.state对象，有时还会有20个不同的属性直接附加到this上。
this.state纯粹是为了组织，还是有其他的原因？为什么这么多人/项目不使用this.state？
以下两个示例的工作方式完全相同。
状态代码示例：
class Clicker extends React.Component {
constructor() {
super()
this.state = {
clickCount: 0
}
浏览 3提问于2016-10-11得票数 4
回答已采纳
我正在尝试使用useRef viz清除react表组件的filtered状态。ref.current.setState({...})。这是我的组件中的一段代码：
const Customers = (props) => {
const customerTableRef = useRef()
useEffect(() => {
const customerTable = customerTableRef.current
if (customerTable) {
customerTable.setState({ ...customerTable.s
浏览 4提问于2020-03-17得票数 0
父类有几个子组件，所有子类都在呈现方法中实例化，因此，对父状态的任何更改都会导致所有子实例重新实例化，每次调用react创建子实例的新实例，在那里通过子实例的松散状态，以便重用我尝试使用parent.refs.childRef检索子实例的子实例，但这给我带来了错误。
未明错误:对象作为一个React子对象无效。
，这是我的密码
placeHolderComponent(){
let component;
let palceHolderValue=this.state.uiState.placeHolder;
let classInstan
浏览 4提问于2016-12-02得票数 2
3回答
我在我的react应用程序中有一个组件，它是一个表单。此表单用于创建新许可证或编辑现有许可证。不管怎样，它只是一个组件，它检查componentDidMount()是哪个"pageType“(添加/更新)。现在，对于我的问题，当我使用表单来编辑许可证( license /:id/ edit )时，我单击的按钮是坐浴盆来创建一个新的许可证(许可权/添加)，它将不会重新装入组件。它将更改URL，但所有预加载的数据仍在表单中。
LicenseeForm = Loadable({
loader: () => import('./license/LicenseeForm
浏览 1提问于2018-06-19得票数 5
回答已采纳
在React中，每当组件被呈现/重新呈现时，它都会使用createElement重新生成它的所有子节点/组件。如何反应知道何时持久化组件状态之间的重新呈现？
作为一个例子，请考虑以下代码：
class Timer extends Component {
constructor(props) {
super(props);
this.state = { seconds: 0 };
}
tick() {
this.setState(state => ({ seconds: state.seconds + 1 }));
}
componentDidM
浏览 4提问于2020-12-27得票数 6
回答已采纳
1回答
更新单个子组件
、、
我在使用Diode 1.0.0和scalajs-Reactive0.11.1。
用例：
具有子组件列表的父组件
子模型片段包含用于异步获取图像的Pot
子组件在挂载时获取图像，Pot为Empty，更新其模型片段。
使用天真的方法，这将导致以下场景(事件的顺序可能不同)：
呈现父级。
呈现子1。
子1分派它的GetImageAction。模型片段Pot被更新为Pending。
模型被更新，导致父模型重新呈现。
所有的孩子都被重新呈现。
儿童2…N仍然有一个Empty Pot，因此它们再次触发它们的GetImageAction。
现
浏览 2提问于2016-08-31得票数 0
1回答
我的应用程序中有些部分必须同步工作。我用的是作架。问题是祖站的setState函数是异步工作的。请告诉我是否还有其他库支持同步状态更改或任何技巧。
App.js (react示例)
// in real
import create from 'zustand'
import logo from './logo.svg';
import React, { useEffect } from 'react';
const useStore = create(() => ({
counter: 0
}))
function App() {
浏览 5提问于2022-05-18得票数 0
我有一个组件，如果它的prop.paramA与存储在cookie中的paramA值不同，它就呈现出来。
下面是我尝试将cookie管理逻辑移动到一个单独的组件中的尝试。问题是，当showQuestion为false时，问题组件只呈现一次，所以我永远看不到问题。
目前，我的代码如下所示
// question.js
import React from 'react';
import ToggleDisplay from 'react-toggle-display';
import {withCookies, Cookies} from 'react-coo
浏览 0提问于2018-05-03得票数 1
回答已采纳
以下是代码：
import React, { useState } from 'react'
function App() {
const [a, setA] = useState(1)
setA(2)
return (
<div>
<h1>{a}</h1>
</div>
);
}
误差太多的重新渲染。React限制呈现的数量，以防止无限循环。
为什么它会导致无限循环？
我认为原因是函数组件就像呈现函数一样，所以当setState在render函数中时会导致无限循环。
有官方解释吗？
浏览 10提问于2020-02-20得票数 5
回答已采纳
2回答
我有一个React类组件，它在默认情况下呈现null，并在调用activate()函数后呈现一些子级。大致如下：
class MyComponent extends React.Component {
...
activate() {
this.setState({showComponent: true})
}
...
render() {
if (this.state.showComponent) {
return <Child />
} else {
浏览 1提问于2021-04-24得票数 0
2回答
我正在尝试让这个componentFunction在发生changeValue的状态变化时用新的数据字段重新呈现，我不知道我哪里出错了。
class Classname extends React.Component {
constructor() {
super();
this.state = {
value: "OriginalString",
};
}
changeValue = (newString) => {
this.setState({ value: newString });
this.
浏览 6提问于2021-05-26得票数 1
回答已采纳
1回答
我一直在尝试通过阻止下面示例中的容器组件在每次子组件更新时重新呈现来优化应用程序。当UsersList组件的输入发生变化时，如何预渲染EditableRow组件？谢谢。链接代码：https://stackblitz.com/edit/react-ts-llwq51?file=EditableRow.tsx
浏览 17提问于2021-10-22得票数 1
3回答
对于react，我们可以使用setState来改变状态，比如这里的setdummyData，在下面的代码父组件中，使用object header: 2017初始化dummyData，并将对象传递给子组件，并将对象更改为dummyData.header = 2018，但父组件对象正在更改。 我想知道背后的原因。 请参考以下代码片段 import React, { useState } from "react";
import Child from "./Child";
const Parent = () => {
const [dummyData,
浏览 12提问于2020-04-23得票数 0
回答已采纳
1回答
我是react js的新手。在这里，我确实有一个类似于->的模态
ErrorComponent.js
import React from 'react';
export default class ErrorComponent extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div class="modal fade" id="exam
浏览 0提问于2018-10-01得票数 1
如果我有一个反应性组件，并且只设置它的类变量，即
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.numberElements = 20;
this.color = 'red';
}
render() {
...
}
}
我不能直接调用this.forceUpdate()来发出重呈现(每当我更新类变量时)，而不是维护状态和调用setState？或者这样做不好吗?如果是的话，
浏览 0提问于2018-03-03得票数 4
即使shouldComponentUpdate()返回false，当使用setState()调用更新组件时，react如何为组件创建新的虚拟DOM？
react是否会为所有组件重新创建虚拟DOM，甚至是没有调用setState()的组件？我的意思是，假设对子组件调用setState()，是否也会为父组件反应一个新的虚拟DOM？
浏览 0提问于2019-06-05得票数 0
假设我目前有一个带有状态{random: 1}的React组件。如果我打电话
this.setState({random: 1})
它会触发重渲染吗？如果是这样的话，在调用setState时是否可以阻止重新呈现，但是状态不会这样改变？
浏览 0提问于2021-01-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
