React Native & MobX: useContext不会将更改重新呈现到屏幕上
React Native是一种用于构建跨平台移动应用程序的开发框架，而MobX是一个用于状态管理的库。在React Native中，可以使用useContext钩子来访问和共享全局状态。
然而，当使用useContext来访问和更改状态时，并不会自动重新呈现到屏幕上。这是因为React Native中的useContext钩子只是用于访问和共享状态，而不会触发重新渲染。
要实现状态更改后的重新呈现，可以使用useState钩子或MobX的observable状态。useState钩子是React Native内置的状态管理机制，可以通过设置新的状态值来触发重新渲染。
如果想使用MobX来管理状态，可以使用MobX的observable状态。通过将状态声明为observable，当状态更改时，MobX会自动触发重新渲染。
在React Native中，可以使用腾讯云的云开发服务来支持应用程序的后端开发和部署。云开发提供了一系列的云函数、数据库、存储和托管等服务，可以帮助开发者快速构建和部署应用程序。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 云函数（https://cloud.tencent.com/product/scf）：用于编写和运行无服务器的后端代码。
- 云数据库（https://cloud.tencent.com/product/tcb）：提供了一个可扩展的非关系型数据库，用于存储和管理应用程序的数据。
- 云存储（https://cloud.tencent.com/product/cos）：提供了一个可靠和安全的对象存储服务，用于存储和管理应用程序的文件和媒体资源。
- 云托管（https://cloud.tencent.com/product/tcb）：用于快速部署和托管应用程序的静态文件和动态服务。
总结：在React Native中，使用useContext钩子访问和共享状态不会自动触发重新渲染。要实现状态更改后的重新呈现，可以使用useState钩子或MobX的observable状态。腾讯云的云开发服务可以用于支持React Native应用程序的后端开发和部署。
相关·内容
1回答
React Native & MobX: useContext不会将更改重新呈现到屏幕上
reactjs、react-native、react-hooks、mobx、use-context
我一直在尝试使用mobX来应用于React Native Functional组件。所以我使用了这两个库- mobx & mobx-react-lite。我做了一个简单的计数器应用程序，我也与此useContext挂钩。增加该值后，它不会在屏幕上应用。然而，它出现在我的控制台上。在我通过保存刷新代码(我没有更改代码)之后，更改就会显示出来。App.js import { StyleSheet
浏览 19提问于2021-04-01得票数 1
回答已采纳
1回答
响应本机堆栈导航器使用状态
reactjs、react-native、react-hooks
第二个数据的组件总是被更改，但是第一个屏幕不是，你能告诉我这有什么问题吗？？我有什么需要改变的。谢谢:Dimport { Button, View } from 'react-native';
import { NavigationContainer} from '@react-navigation/native</em
浏览 1提问于2020-08-02得票数 1
回答已采纳
1回答
Mobx，React Native，从API获取数据后mobx突变状态的奇怪行为
javascript、react-native、fetch、mobx、mobx-react
它看起来是这样的：import { createContex
浏览 1提问于2019-08-20得票数 0
2回答
全反应状态管理
reactjs
我只想将React用于我的全局状态管理，并通过useReducer和useContext传递待办事项，我想知道这是不是一种正确的方法。react编码器告诉我，这种方式会在组件不应该重新呈现时重新呈现组件，但我的元素检查只显示更改后的组件重新呈现。请指导我，我是否可以继续以这种方式开发，或者必须恢复到Mobx或redux或许多其他第三方状态管理器库。
浏览 13提问于2019-03-12得票数 1
回答已采纳
1回答
难道useContext()不应该只用于低频率的更新吗？(莫布克斯-反应-轻)
reactjs、mobx-react、mobx-react-lite
几乎所有示例(甚至官方文档)都将mobx-react-light与useContext()挂钩结合使用。
然而，许多文章和博客建议不要使用 useContext()进行中/高频率的更新。
浏览 2提问于2020-10-14得票数 5
回答已采纳
1回答
使用mobx反应可排序的JS
reactjs、mobx、mobx-react、react-functional-component、sortablejs
我正在构建一个功能组件，它应该使用计算数组(层数组)呈现一个可排序组件(ReactSortable)，该组件来自使用react-sortablejs的mobx store。组件在应用程序加载时呈现，但当通过拖放元素重新排列数组时，我得到以下错误： mobx.module.js:89未捕获错误: mobx由于启用了严格模式，因此不允许在操作之外更改观察到的值。实际上，layers数组是从商店中的layersRegist
浏览 26提问于2020-08-18得票数 2
1回答
在无状态组件(带有钩子)中存储不可观测数据的最佳方法
javascript、reactjs、mobx-react
我正在使用mobx-react /mobx-react来进行国家管理。id被重新呈现的组件“记住”。this.confirmDelete(id)>Delete</button>
}
返回对象的所有属性都将自动被观察到<
浏览 0提问于2019-06-13得票数 2
回答已采纳
1回答
自动运行到当前导航参数
react-native、react-navigation、mobx
this.currParams); }); }指纹：a undefinedR undefinedR {a: "b"}
这意味着屏幕呈现了新的值如果我将render方法中的console
浏览 0提问于2018-04-22得票数 1
回答已采纳
1回答
如何使用带有上下文的本机导航wix从提供程序到所有组件共享数据？
hook、wix-react-native-navigation
我想使用带有上下文的react本机导航将数据从提供者发送到我的所有组件。我所做的如下：import {Navigation} from 'react-native-navigation';GlobalProvider和GlobalContext
const GlobalContext = React.createCont
浏览 0提问于2020-04-02得票数 1
1回答
持久化获取的数据React Native
reactjs、react-native、redux、mobx
我正在开发React Native中的一个迷你社交网络。从提要页面，用户可以导航到任何给定帖子的评论页面。唯一的问题是，在向后导航时，提要页面会重新呈现，这会使用户丢失新闻提要上的当前位置。如何使提要屏幕只呈现一次(在应用程序启动时)，然后在用户刷新时重新呈现？(我使用FlatList组件)。
附注:欢迎任何状态管理库的方法(MobX、Redux或setStates)
浏览 3提问于2018-07-30得票数 0
2回答
React Native -如何使用UI动态更新应用程序语言？
javascript、android、react-native、localization、internationalization
我试图在我的react原生应用中实现本地化。但是，我需要一个问题的帮助。 我正在使用以下代码来更改我的应用程序语言。LangManager.js类 import * as RNLocalize from 'react-native-localize';importtrue : false;
}; 为了在我的屏幕上使用HomeScreen.js，我使用了以下代码。import Reac
浏览 43提问于2020-11-07得票数 1
1回答
Mobx存储不会在react本地项目上触发重新呈现
react-native、expo、mobx、mobx-react
我试着学习如何在React Native中使用MobX。我试着在GH中找到一些例子，但它们太老了。(2-3岁)。我想在Expo Bare (ExpoKit)上编写应用程序，但我不明白为什么当我更改MobX @observables时，我的组件不能重新呈现。我用我的问题创建了一个点心：https://snack.expo.io/@krasov/mobx-reproduction Idk，也许我错过
浏览 10提问于2020-11-05得票数 1
回答已采纳
1回答
有没有可能摆脱每个重新渲染的useContext计算？
reactjs、react-hooks
.}, []) <span>{contextValue}</span> )
问题是，每一次输入都会启动重新渲染，我们每次都会有不必要的useContext重新</e
浏览 1提问于2019-06-09得票数 0
1回答
在状态更改后未重新呈现的React/MobX组件(找到了一个奇怪的解决方案，想知道原因)
javascript、reactjs、typescript、mobx
我有一个React.js应用程序与MobX的州管理。“项”，而ItemList组件将重新呈现以显示项目。在MobX开发工具中，您可以清楚地看到四个项已成功加载，但ItemList没有重新呈现。但是，如果我在解构的itemStore中添加可观察到的“项”，如下所示：当单击按钮时，ItemList会重新加载这些项目我真的很想知道是什么原因导致ItemList
浏览 3提问于2020-06-03得票数 0
1回答
在react-native中重新渲染。我们能优化我面临的问题吗？
javascript、reactjs、react-native、react-native-navigation
import React, { useContext, useEffect, useRef } from "react";
import { ScrollView, StyleSheet, Text,现在，当我导航到CategoryList屏幕时，它成功导航到CategoryList屏幕，但在导航到CategoryList屏幕之前，此HomeScreen重新呈现，警告消息moun
浏览 1提问于2021-03-25得票数 1
1回答
react原生导航-在屏幕上更新添加/更新/删除项目的列表
reactjs、react-native、react-native-navigation
我正在使用react native构建一个移动应用程序。我正在使用react-native- navigator库中的堆栈导航器。堆栈有两个屏幕，第一个屏幕ItemsListScreen显示带有add按钮的项目列表，单击add按钮导航到第二个屏幕AddItemScreen，其中显示带有保存按钮的项目的一些输入。单击保存按钮将导航回列表屏幕。
项目当前保存在本地SQLite数据库上，但将来将保存在服务器上</e
浏览 11提问于2020-08-01得票数 0
回答已采纳
1回答
为什么@可观察的属性更改不触发组件重新呈现？
typescript、react-native、mobx、mobx-react
我试图做一个家庭作业项目的反应-本机，TypeScript和Mobx的安卓。在互联网上搜索了超过5个小时的答案后，我仍然无法弄清楚为什么当@可观察的属性发生变化时，我的组件不会自动重新呈现。我尝试过更改package.json中的版本，并尝试了.babelrc文件的不同配置。我使用react运行了这个应用程序--原生运行--android-结果仍然相同。我不能说它是否是一个bug，我在package.json中没有一个很好的配置，或者我仍然不知道如何使用Mobx。接收到来自服务器的数据，
浏览 1提问于2019-01-13得票数 0
回答已采纳
3回答
我们是否可以拥有Reactive16Portal功能？
reactjs、react-native
我使用的是React Native，它附带了支持的React 16 alpha版本。这个函数也是ReactDOM的一种方法，它在React本机中不存在。我想在我的应用程序根目录中呈现一个动画覆盖，但是将动画值道具从树层次结构的深层传递给它(不能将Redux操作用于这些事情)。
浏览 5提问于2017-09-30得票数 19
1回答
mobx可观察的数据可以在多个屏幕之间持续存在吗？
flutter、mobx
我有一个mobx类，它存储一个名为value的可观察对象和一个名为increment的操作，我还有两个屏幕，如果我在第一个屏幕上增加它，我希望在第二个屏幕上改变可观察对象的值，但是如果我改变一个屏幕，值总是重新启动。它过去在react原生中使用mobx时是这样工作的，即使我更改了屏幕，所有屏幕上的状态都会更新，但在flutter中它不是这样工作的
浏览 23提问于2019-05-24得票数 4
2回答
MobX可观察到的更改并不总是触发观察者组件呈现。
reactjs、mobx
我的项目是建立在React基础上的，并且正在使用Mobx进行国家管理。我们没有使用装饰器，因此需要观察可观察性的组件需要按照以下方式包装：import {observer} from 'mobx-react';static propTypes() { myFilter: React.PropTypes.
浏览 7提问于2017-06-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
