REACT本机/我的子组件不会重新呈现，尽管属性发生了更改
REACT是一个流行的前端开发框架，用于构建用户界面。在REACT中，组件是构建用户界面的基本单元。组件可以接收属性（props）作为输入，并根据属性的变化重新渲染。
当REACT组件的属性发生变化时，组件会根据新的属性重新渲染。然而，有时候我们可能会遇到一个问题，即当组件的属性发生变化时，组件并不会重新渲染。这可能是由于以下几个原因导致的：
- 属性没有真正发生变化：在REACT中，组件的属性是不可变的。如果传递给组件的属性没有真正发生变化，组件就不会重新渲染。可以通过在父组件中使用新的属性对象来解决这个问题，而不是直接修改属性对象。
- 子组件没有正确实现shouldComponentUpdate方法：shouldComponentUpdate是一个生命周期方法，用于控制组件是否应该重新渲染。如果子组件没有正确实现shouldComponentUpdate方法，它可能会导致即使属性发生变化，子组件也不会重新渲染。在shouldComponentUpdate方法中，可以根据属性的变化情况返回true或false来决定是否重新渲染。
- 子组件使用了PureComponent：PureComponent是REACT提供的一个优化性能的组件。它会自动实现shouldComponentUpdate方法，根据属性的浅比较来判断是否重新渲染。如果子组件使用了PureComponent，并且属性的变化是在对象的内部发生的，而不是对象本身发生变化，那么子组件可能不会重新渲染。可以考虑使用Component代替PureComponent，手动实现shouldComponentUpdate方法来解决这个问题。
总结起来，当REACT组件的属性发生变化时，组件应该重新渲染。如果组件没有重新渲染，可以检查属性是否真正发生了变化，子组件是否正确实现了shouldComponentUpdate方法，以及是否使用了PureComponent。根据具体情况，可以采取相应的解决方法来解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全组：https://cloud.tencent.com/product/sfw
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云元宇宙（QCloud Metaverse）：https://cloud.tencent.com/product/qcloud-metaverse
相关·内容
1回答
REACT本机/我的子组件不会重新呈现，尽管属性发生了更改
react-native、react-props、use-effect、use-state、react-state
我在下面的代码中遇到了一个问题(这里是沙盒https://codesandbox.io/s/silly-rubin-9ghc5?fontsize=14&hidenavigation=1&theme=dark )，道具会改变，但不会相应地刷新组件。我希望能够在父节点的状态中跟踪不同的投票/选项，因此我使用一个数组，其中index是我的选项的索引，值是投票
浏览 9提问于2021-03-24得票数 0
1回答
Javascript - React Native。调用Render()函数时，子组件(动态列表)不呈现
javascript、ios、reactjs、react-native、react-redux
我正在开发一个应用程序，它的一个部分包含了一个玩家列表。列表中的每一项都包含球员的名字，他/她拥有的积分和一个用来改变积分的IOS stepper。每次我使用IOS stepper修改玩家的点数时，应用程序的状态都会根据该值进行更改。但是，包含玩家分数的文本不会被修改。render函数被调用，应用程序的状态没有变化，因此文本组件也应该改变。我</
浏览 5提问于2017-07-13得票数 1
1回答
React本机:基于模态中状态值的变化来呈现条件组件
javascript、reactjs、react-native
我需要在react本机中显示类似选项卡的行为。_renderPicker() {现在，根据rend
浏览 1提问于2018-11-08得票数 2
回答已采纳
1回答
当道具更改时，响应子组件不更新
javascript、reactjs
我正在尝试构建一个具有搜索输入的父组件和包含搜索结果列表的子组件组成的本地React搜索。我已经创建了一个React状态对象，它包含搜索查询和搜索结果列表。当输入字段发生更改时，将运行搜索以生成新的结果集，并更新两个属性(查询和结果)。搜索输入正在按预期更新，但是尽管对其支柱进行了更新，子组件不会</e
浏览 6提问于2020-11-13得票数 2
回答已采纳
import React,{useState} from "react"
const [pageCount, setPageCount] = useStateuseState({ recordsTotal: 0, return ( );}
在一个组件中使用多个状态会导致组件一次又一次
浏览 6提问于2022-09-03得票数 0
2回答
图表不会在状态更改时呈现
javascript、react-native
我正在测试react-native，并且我正在尝试创建一个简单的lineChart，它可以根据属性的变化重新绘制。我有一个父组件HomeScreen，它将整数数组作为属性传递给LineChart子组件。但是，LineChart永远不会绘制。
我试着传入一个已经初始化的数组，并带有虚拟值。然后，lineChart子</em
浏览 0提问于2019-03-30得票数 1
1回答
当提供者组件父级状态更改时，为什么不能更新子组件中的值(带有react上下文)？
javascript、react-context
我试图在我的项目中使用。我实现了一个提供程序组件，并且在两个子组件中使用数据。但是，当我从其中一个子组件更新提供程序组件的状态时，另一个子组件不会使用提供程序组件的数据重新呈现。我使用这些特性的反应上下文，以避免道具从组件传递到组件
浏览 1提问于2019-04-02得票数 3
回答已采纳
4回答
React.js如何重新呈现组件？
reactjs
我是新来的。我在看他们的医生了解反应是如何运作的。因此，有人提到，当state/props/setState()更改/调用时，重新响应整个组件。此外，我还看到react元素是不可变的，只有在发生更改时才会呈现它们。因此，当react试图呈现组件时，它实际上遍历所有
浏览 8提问于2020-10-23得票数 3
回答已采纳
1回答
为什么虚拟域不能阻止我的子组件重命名？
javascript、reactjs
我有一个父组件和子组件，在我的示例中，当单击“增加”按钮时，子组件将被重新命名。import React, {useEffect,useState} from 'react';
const [count, setCount而且我也明白，为了防止孩子的渲染，我</em
浏览 3提问于2022-08-01得票数 1
1回答
React:如何防止在`map`中重新渲染子组件？
reactjs、array-map、rerender、usecallback、react-memo
我试着把这个问题简化成一个尽可能简单的例子：将NumChoice包装在React.memo中，将chooseDivisibles包装在useCallback中，我们希望仅重新呈现其相应的choices元素发生更改<
浏览 30提问于2020-03-04得票数 5
2回答
当属性被父方修改时，聚合物/发光元件，子组件不会重新呈现。
polymer、web-component、lit-element、polymer-3.x、lit-html
基本上：
子组件将子组件放置在父组件的html中。子组件在component.Later，对象中有一个属性title。在父组件中，将子组件的title属性分配给父组件static get properties()在父组件内的static get properties()中的一
浏览 4提问于2020-02-27得票数 4
回答已采纳
1回答
如何反应钩子确定他们的组件是为了什么？
reactjs、react-hooks
我注意到，当我使用react时，子组件的状态更改不会重新生成没有状态更改的父组件。下面的代码沙箱显示了这一点：
R
浏览 0提问于2018-12-30得票数 39
回答已采纳
5回答
在reactjs中，属性是通过值传递还是通过引用传递？
reactjs
据我所知，如果我将父组件状态向下传递给子组件，那么该子组件将获得父组件的活动状态。这是正确的吗？
浏览 2提问于2016-06-26得票数 34
2回答
确定一个组件是否要在react中更新
reactjs、redux、react-redux
根据 answer，react redux react会比较mapStateToProps的输出，以确定组件是否需要重新呈现。
我有一个组件，尽管相关状态发生了变化，但它不会重新呈现。我将断点附加到react redux源代码中的函数，但发现该函数实际上返回false(即，如果我的</
浏览 2提问于2017-05-30得票数 1
1回答
在react呈现中重用组件实例
reactjs
父类有几个子组件，所有子类都在呈现方法中实例化，因此，对父状态的任何更改都会导致所有子实例重新实例化，每次调用react创建子实例的新实例，在那里通过子实例的松散状态，以便重用我尝试使用parent.refs.childRef未明错误:对象作为一个React子对象无效。，这是我的密码 let comp
浏览 4提问于2016-12-02得票数 2
2回答
React组件有时呈现两次不改变的状态。
javascript、reactjs、use-effect、use-state
由于yes的值已经是“是”，状态不变，因此组件不会重新呈现。
⛔再次单击“设置为Yes”。状态没有更改，但是组件仍然是重新呈现<
浏览 1提问于2020-03-27得票数 7
回答已采纳
1回答
在功能组件中反应本机const与let var
javascript、reactjs、react-native、react-functional-component
这是一个更广泛的问题，涉及如何使用不同的变量声明来响应本机功能组件(相对于类组件)，特别是let vs const的使用，以及它们是如何通过呈现等方式实现的。对于这个问题，当我说“呈现”或“重新呈现”时，我指的是呈现函数的执行(如下面的“MyFunctionalComponent”)，而不一定是UI更新/更改。根据我<
浏览 2提问于2021-07-03得票数 1
回答已采纳
3回答
如果新提供的值相同，React是否会触发状态更新？
javascript、reactjs
一旦this.setState()被调用，React组件是否会对其state进行一些检查，以查看state是否已更改。.this.setState(() => ({ width: 0 }))const width =
浏览 1提问于2018-01-05得票数 2
1回答
我有一个带有许多子组件的React父组件(数千个SVG元素，它们都是昂贵的重新呈现)。子组件显示基于全局状态的信息；某处是应该以特殊方式显示的子组件的列表。但是，一次只更改一个子元素；例如，用户可以单击SVG元素来调整其显示属性(这些属性存储为子</
浏览 1提问于2018-11-30得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
