React Native:通过外部函数更改状态不会重新呈现
React Native是一种用于构建跨平台移动应用程序的开发框架。它允许开发人员使用JavaScript和React编写应用程序，然后将其转换为原生代码，以在iOS和Android等平台上运行。
在React Native中，组件的状态是非常重要的。当状态发生变化时，组件会重新呈现以反映新的状态。然而，通过外部函数更改状态时，React Native不会重新呈现组件。
这是因为React Native使用了一种称为虚拟DOM（Virtual DOM）的机制来提高性能。虚拟DOM是一个轻量级的副本，它保存了组件的当前状态。当状态发生变化时，React Native会比较虚拟DOM和实际DOM之间的差异，并只更新需要更改的部分，而不是重新渲染整个组件。
通过外部函数更改状态时，React Native不会立即重新呈现组件，而是等待下一次渲染周期。这意味着在更改状态后，组件不会立即更新，而是在下一次渲染周期中才会反映出变化。
这种机制可以提高性能，减少不必要的重新渲染，从而提升应用程序的响应速度。然而，如果需要立即更新组件，可以使用React Native提供的forceUpdate方法来强制重新渲染组件。
总结起来，React Native通过外部函数更改状态不会立即重新呈现组件，而是等待下一次渲染周期。这是因为React Native使用虚拟DOM机制来提高性能。如果需要立即更新组件，可以使用forceUpdate方法。
腾讯云提供了一系列与React Native相关的产品和服务，例如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我已经根据需要创建了一个函数，只有当它与之前的值不同时才需要更改状态(即，如果不同则切换)。但是，它不会重新渲染组件。有人能告诉我我做错了什么吗？不过，它确实改变了状态。toggleState(this, 'xyz', true); //doesn't rerenders
状态无需重新发送即可更改，我可以在调用后立即使用console.log进行检查
浏览 0提问于2018-02-20得票数 0
回答已采纳
场景：我在屏幕上呈现了svg circle和state。我还有两个按钮。Change Size按钮将圆圈的大小(共享值)从50更改为100或从100更改为50。“更改状态”按钮将状态从“苹果”更改为“橙色”或“橙色”更改为“苹果”。备注：动画不以任何方式使用状态。我也是控制台，在每个重发器中记录size.value。码
import React, {useState, useEffect} from '<e
浏览 3提问于2021-07-04得票数 0
回答已采纳
在我的组件构造函数中，我加载了一个“里程碑”列表，以及某人戒烟后的天数。里程碑是硬编码的，并且同步加载。天数是从AsyncStorage加载的。在呈现期间，异步返回天数，并使用setState({days})更新状态。我认为更改后的状态不会触发重新渲染，因为它处于原始渲染的中间。这会导致大多数里程碑的进度条不正确。我已经遍历了调试器，我可以看到天数在最后两个里程碑呈现之前更新了，只有它们是正确的。
这是我的组件。import React</em
浏览 0提问于2018-04-06得票数 0
import React from 'react';import Template from/src/components/Template';
constructor(props) {
浏览 1提问于2018-07-12得票数 1
回答已采纳
但是我不知道react是如何在componentWillMount外部重新绘制setState的，以及如何使用新的URI重新创建soundobject的如果我在渲染视图中只做了一个按钮，它可以在它之外工作。如果我使用LegacyImplementation=true，FlatList将呈现setS
浏览 2提问于2019-03-08得票数 0
2回答
我正在测试react-native，并且我正在尝试创建一个简单的lineChart，它可以根据属性的变化重新绘制。但是，LineChart永远不会绘制。
我试着传入一个已经初始化的数组，并带有虚拟值。然后，lineChart子组件将呈现，但不会在随后的状态更改时重新呈现。我在react-devtools中检查了state和props的实际值，子组件确实收到了props并更新了状态。
浏览 0提问于2019-03-30得票数 1
我使用的是gatsby，并且有一个功能组件，它循环通过一些数据来创建具有onchange事件和选中项的单选按钮组。当我更新状态时，整个页面组件都会重新呈现。以下是代码 console.log("page data", data)
const
浏览 1提问于2019-10-07得票数 2
3回答
这可能是一个非常愚蠢的问题，但我正在用React编写我的第一个项目，并且正在努力理解setState钩子的用途。据我所知，setState钩子用于设置组件中使用的当前值，该组件的作用域仅限于该组件，并且在页面重新加载时不会持久。例如，值只是保存在内存中，直到它被销毁。
浏览 0提问于2020-07-08得票数 0
2回答
import React, { useState } from "react";
const [name, setName] = useState("");input元素通过用户输入(value属性)处理其状态更改，而react使用状态变量来处理状态更改。为了有一个常量值，我们还设置了react变量来处理表单元素的状态变
浏览 15提问于2021-05-22得票数 0
0回答
我正在使用react-native-sortable-listview通过拖放来更改列表项的顺序。只有拖动项被再次渲染，因此它的位置被更新，但其他项具有其先前的位置。当这个组件被其他原因重新渲染时，比如一些增量按钮，所有位置都是正确的。所以我的问题是，当我的react-native-sortable-list被呈现时，我如何再次呈现它。用forceUpdate()和this.setState()渲染的两种方式，我不能跟随，因为我不能更
浏览 3提问于2017-12-04得票数 0
我试图将额外的道具传递到屏幕组件中，所以我决定创建一个箭头函数来返回Re欲组件(upcomingOrderView)。当我试图在Tab屏幕组件中调用这个函数时，它确实工作得很好，但是当this.state.bookingsBucket.upcoming更新时，屏幕没有重新呈现。下面是代码： upcomingOrderView = (props) =>{
return ({this.upcomingOrderV
浏览 1提问于2021-03-31得票数 1
回答已采纳
每当使用setState(.)更改组件的状态时方法时，组件应重新呈现以显示最新的状态数据.这适用于基本的React原生组件，如视图、文本、按钮(我已经尝试过这三个)，但在这里它不会重新呈现，在这里我使用自定义组件这一点在有关组件的文档中有说明：
“使用SceneMap渲染的所有场景都是使用React.PureComponent优化的，当父级的道具或状态发生变化时，不要重新呈
浏览 0提问于2019-04-06得票数 3
回答已采纳
}; LOG ->App LOG --->B现在 im将使用后坐力钩来变异和访问原子状态RecoilRoot> </RecoilRoot>};
我甚至不使用从useRecoilValue、useSetRecoilState、useRecoilState返回的值和函数，如果我使用它，它会正常工作，但在第一次呈现时，
浏览 2提问于2021-06-01得票数 0
我已经在react native上工作了3个月，但我没有在react中构建网站的经验。我想知道在调用不同文件中的某个函数后，是否可以重新呈现"index.js“文件？我想知道是否可以通过一个useState变量，比如"firstTimeLoading"，它只在函数为真的时候调用它，然后这个函数把变量的状态变成了假，所以这个函数只会被调用一次。可以使用这种方法吗？如何将该
浏览 2提问于2020-08-13得票数 0
我正试图改变状态如下，我不使用setState，因为我不希望重新呈现发生。但仍在重新渲染。据我所知，只有setState会导致重呈现。请纠正我，如果我是wrong.And，也请让我知道如何防止重新呈现时，状态被改变。
浏览 2提问于2018-11-28得票数 0
回答已采纳
我在位置跟踪应用程序中使用了react-native-maps。现在我想清除(刷新)地图与所有的标记和折线，而不刷新react组件，当用户停止位置跟踪(使用一个按钮).Is时，有什么方法可以做到吗？
浏览 21提问于2019-01-08得票数 1
即使我可以获得屏幕方向的更改来更新状态和重新呈现，ImageBackground组件仍然不会更新其宽度。</Text> </ImageBackground>当用户改变设备的方向时，mylayoutchange()函数将被调用。它正确地更新状态。呈现函数将更新。宽度和高度被正确地改变，就像在consol
浏览 9提问于2020-10-16得票数 8
回答已采纳
我正在学习React中的状态，下面是创建待办事项列表的练习。我捕获待办事项列表中每个输入“项目”的状态，并将它们添加到“项目”数组中。然后，使用HTML呈现"items“数组中的每个元素。我通过使用数组的React状态解决了这个问题。但是我仍然不明白为什么我不能使用JS数组。任何解释/资源都将不胜感激！ , setInputText] = React.useState("");
function hand
浏览 16提问于2021-09-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
