使用状态的自定义组件在状态更改时不会更新
是因为在React中，组件的更新是基于其props和state的变化来触发的。当组件的props或state发生变化时，React会重新渲染组件并更新DOM。
如果一个自定义组件的状态发生了改变，但是组件没有重新渲染，可能是由于以下几个原因：
- 状态没有正确更新：确保在状态更改时，使用setState()方法来更新状态。直接修改状态对象是不会触发组件重新渲染的。
- 状态更新没有触发重新渲染：在React中，只有当组件的props或state发生变化时，才会触发重新渲染。如果状态的更新没有导致props或state的变化，组件就不会重新渲染。可以通过在shouldComponentUpdate()生命周期方法中手动判断状态的变化来决定是否重新渲染组件。
- 组件没有正确使用状态：确保在组件中正确地使用状态。如果状态没有正确传递给子组件或没有在组件的render()方法中使用，那么组件的更新可能不会反映状态的变化。
总结起来，如果使用状态的自定义组件在状态更改时不会更新，需要确保正确地更新状态、触发重新渲染，并正确地使用状态。如果问题仍然存在，可能需要检查组件的其他部分是否有影响组件更新的因素。
腾讯云相关产品和产品介绍链接地址：
- 云开发：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/explorer
- 区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tbc
- 腾讯会议：https://cloud.tencent.com/product/tc-meeting
相关·内容
1回答
使用状态的自定义组件在状态更改时不会更新
javascript、react-native、components、uri
我目前在构造函数中设置了一个默认的图片源，使用的是require：super(props); name:/assets/images/robot-dev.png')}<
浏览 2提问于2018-12-13得票数 0
1回答
根据会话存储或页面隐藏React元素
reactjs、react-router、session-storage
我有一个React应用程序，它的结构类似于下面。我尝试使用sessionStorage来获取userId，并且仅在设置了该值的情况下才显示导航。当我执行此操作并转到登录页面时，导航栏不在那里。但是当我登录的时候，它仍然不在那里。我知道解决这个问题的一种方法是对确实需要导航的页面进行某种包装，但我不希望所有的代码都重复，等等。
我觉得这一定是一种普遍的需求，而我错过了一些愚蠢的东西。任何帮助都将不胜感激。我是个新手，所以我不会关注这里发
浏览 9提问于2019-11-20得票数 1
回答已采纳
1回答
如何创建更新Redux存储更改的功能组件？
javascript、reactjs、redux、react-redux
对于我的应用程序，我希望创建一个组件，其唯一目的是在Redux存储发生更改时进行更新。我已经通过一个componentDidMount()实现了这一点，它检查组件的状态是否与存储匹配，如果不是，则设置状态。
我的解决方案工作，非常适合这种情况，但它似乎是一个简单函数的大量代码。如何实现相同的结果，使用功能组件或更简单的<
浏览 0提问于2018-02-01得票数 3
1回答
在React AgGrid中更改数据时更改状态栏组件
javascript、reactjs、ecmascript-6、ag-grid-react
当一个道具改变时，我需要改变在我的自定义状态栏中显示的值。，但状态栏不会重新呈现，所以我永远看到第一个值。我的目标是让状态栏在“lastUpdate”每次更改时都会更新。我尝试创建一个包含框架组件的状态，并在lastUpdate更改时将其设置在useEffect中，然后将此状态放入agGrid
浏览 26提问于2021-07-20得票数 0
回答已采纳
1回答
自定义ViewGroup是否有可能“收缩”它的布局并膨胀另一个布局？
android、layout-inflater、viewgroup
我有一个自定义的ViewGroup： private ViewGroup content这个组件有一个状态机来管理它的行为。我现在意识到，如果这个组件具有按状态划分的layour，那么它将更容易管理。有没有一种方法可以颠倒View.inflate，并在每次状态机更改时使用不同<
浏览 10提问于2016-07-20得票数 1
1回答
在状态与列表的反应，如何设置新的状态？
javascript、reactjs
我在更新状态的一部分时遇到了一个问题，这是一个传递给组件的子组件的列表。我把一个列表传递给一个孩子，但是在更新这个列表时遇到了困难，让孩子反映了新的状态；当我更改this.state.items1的值时，组件不会使用
浏览 2提问于2017-05-25得票数 0
回答已采纳
2回答
如何在从Redux商店收到错误消息支柱后只显示一次Toast
javascript、reactjs、redux
我有工作React-Native + Redux注册流程：
等待saga对API进行异步调用在API错误调用减少器REGISTER_ERROR上，将存储变量formError的内容设置为某些消息。我的组件将状态映射为支持(此错误消息被链接到支柱)。但是我的演讲会被多次调用，因为componentDidUpdate也被多次调用(Redu
浏览 0提问于2019-09-12得票数 0
1回答
如何在React中动态呈现有状态组件
reactjs
如何动态地呈现一个带有属性的有状态组件，这些属性在呈现后可能会发生变化？我尝试将组件存储在状态中，然后映射出状态，但是当传入组件的属性发生更改时，组件不会更新。Add Article</button>export default Article(props){ <p&
浏览 1提问于2021-01-02得票数 0
2回答
在初始呈现后，React呈现的项不会更新。当道具变化时，应选择不同的数据
javascript、reactjs
呈现了当道具更改时不会更新的状态。 })this.state.avg的状态已在构造函数中初始化，但当在render中调用此状态时，它会呈现一次，但不会在“selectedType”的属性被其他组件更改时</e
浏览 0提问于2020-04-20得票数 0
1回答
GXT 3 TreeGrid setStateful不工作
java、gwt、gxt
TreeGrid有状态选项在GXT3.0.1中似乎不起作用。setStateful(true);但是国家没有得救。我不使用自定义的StateProvider，所以我希望状态存储在cookie中，但是那里什么都没有。更新：
我花了一些时间研究源代码，看起来我需要创建一个自定义StateManager来处理TreeGrid状态。似乎很奇怪，
浏览 2提问于2013-04-29得票数 0
3回答
如果新提供的值相同，React是否会触发状态更新？
javascript、reactjs
一旦this.setState()被调用，React组件是否会对其state进行一些检查，以查看state是否已更改。因此，在调用componentDidMount之后，将不再有一个协调阶段，如下面的代码所示：this.state = {width: 0}// in componentDidMount
浏览 1提问于2018-01-05得票数 2
1回答
react引导程序不会更新其Tab.Pane中的状态
reactjs、react-bootstrap
如果状态作为道具传递给组件，并且该组件位于Tab.Pane中，则当状态更改时，它将不会更新其支持。只有当我以编程方式用setTimeout为250个(或手动切换)时才能工作，这意味着需要再次切换选项卡来重新呈现组件(因此获得更新的状态)。奇怪的是，如果我使用存储系统redux来将道具传递给组件，而不是状态，那么这是一回事。复制行
浏览 4提问于2021-03-25得票数 5
2回答
在reactjs上从父级的onClick更新状态子
javascript、reactjs
我有一个简单的CRUD与React，我使用引导模式添加项目，更新和删除。为此，我创建了名为country.js的父组件，用于列出country。然后创建用于添加和更新项目的modal.js。在本例中，父组件中的onClick按钮，希望通过将父组件的支持数据传递给子组件来填充输入。是否可以通过父级中的onClick事件更新子状态？
浏览 0提问于2018-04-25得票数 1
回答已采纳
1回答
当上下文被更改时，使用上下文的子组件不应该自动更新自己吗？
javascript、reactjs、redux、react-redux
/> );HomeContainer组件是一个特殊的组件，它将一个简单的表示组件封装成一个本地化组件。translate(mapTranslationToProps)(SomeComponent);
export default Localized
浏览 2提问于2017-03-27得票数 0
回答已采纳
1回答
基于用户位置的React-native - drawerLabel
javascript、reactjs、typescript、react-native、asynchronous
我有一个react原生应用程序，我需要根据用户位置呈现一个菜单项，但是返回用户位置的函数是一个异步函数，我得到了一个未定义的函数，所以我的问题是如何根据用户位置设置navigationOptions的drawerLabel
浏览 2提问于2018-12-03得票数 2
1回答
为什么不在React Native的堆栈导航器中呈现的组件中更新属性
javascript、reactjs、react-native
我有一个组件(名为CothesCategoriesList)，它接收一些属性(这些属性的值取自一段状态)，并由Stack导航器呈现。我有一个表单，它在提交时会更改状态，理论上应该更改传递给组件的属性，但这不会发生。状态会改变，就像我测试的那样，但道具不会改变。我该如何解决这个问题？如何让组件接收新的道具？，我使用useState钩子创建了一些状态
浏览 2提问于2020-03-08得票数 0
1回答
Formik在反应性状态更改上重新呈现
javascript、reactjs、react-hooks、formik
我在formik字段中使用了一个自定义组件，需要在函数内部的文本更改时调用一个函数(以获得与输入相关的所有匹配提示)。它更新一个状态，然后在formik字段的span中显示该状态。item.name); } else { } };For
浏览 5提问于2021-08-09得票数 0
回答已采纳
3回答
useState和道具的变化
javascript、reactjs、react-hooks、use-state
我写的例子很少，它有一个父组件，它用另一个子组件打印它的数字- const [numbers, setNumbers] = useState{ });};
SingleNumber组件使用useState，
浏览 0提问于2020-12-17得票数 12
回答已采纳
1回答
“`render`”方法是仅在“`state`”更改时调用，还是在“well”更改时调用？
javascript、reactjs、react-redux
我在探索componentWillReceiveProps方法是如何在React中工作的。我发现，当组件的任何props发生变化时，都会调用该方法，并且可以使用该方法使用setState方法更新组件的状态，这将导致组件重新呈现。但是，如果我不在setState中调用componentWillReceiveProps，会不会导致render没有被调用。换句话说，render是只<em
浏览 2提问于2018-07-05得票数 0
1回答
React:备忘录不起作用- OnClick按钮导致重新呈现
reactjs、react-hooks
在这个例子中，我使用memo来防止组件重新渲染，但是，即使项目属性没有改变，它也会在每次单击按钮时重新渲染。根据react文档，只有当道具被更改时，带有备忘录的组件才不会重新呈现。
浏览 6提问于2021-06-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
