在react-native中的CRUD之后，FlatList未更新
在React Native中进行CRUD操作后，如果FlatList未更新，可能是由于以下几个原因：
- 数据未正确更新：在进行CRUD操作后，需要确保数据已经正确地更新。可以通过打印数据或使用调试工具来确认数据是否已经更新。
- FlatList未正确绑定数据：在FlatList组件中，需要将更新后的数据正确地绑定到data属性上。确保在进行CRUD操作后，将更新后的数据传递给FlatList的data属性。
- keyExtractor未正确设置：在FlatList中，需要设置keyExtractor属性来指定每个列表项的唯一标识符。确保keyExtractor属性设置正确，以便FlatList能够正确地识别每个列表项。
- renderItem未正确渲染：在FlatList中，需要设置renderItem属性来定义每个列表项的渲染方式。确保renderItem属性正确地渲染更新后的数据。
- 引用问题：如果在进行CRUD操作后，FlatList未更新，可能是由于引用问题导致的。确保在更新数据时，使用新的引用来替换旧的引用，以便FlatList能够正确地检测到数据的变化。
如果以上方法都没有解决问题，可以尝试使用forceUpdate方法来强制刷新FlatList组件。但是，这种方法并不推荐使用，因为它会导致整个组件重新渲染，性能可能会受到影响。
对于React Native中的CRUD操作，可以使用腾讯云的云数据库（TencentDB）来存储和管理数据。云数据库提供了高可用性、可扩展性和安全性，适用于各种应用场景。您可以通过以下链接了解更多关于腾讯云数据库的信息：腾讯云数据库
同时，您还可以使用腾讯云的云函数（SCF）来处理CRUD操作的逻辑。云函数提供了无服务器的计算能力，可以根据需求自动扩缩容，无需关心服务器的运维和管理。您可以通过以下链接了解更多关于腾讯云云函数的信息：腾讯云云函数
相关·内容
2回答
在react-native中的CRUD之后，FlatList未更新
javascript、reactjs、react-native、api、flatlist
我尝试做的是将新数据传递给API并在FlatList中显示它。我所有的CRUD方法都在传递，但是在我刷新"App.js“之前，我的FlatList不会显示这些更改。我的"App.js“中的代码(如下所示)包含"delete”方法，该方法正在运行，我的FlatList会立即更新它，我猜这是因为状态是本地的，并且
浏览 45提问于2021-03-25得票数 1
1回答
TypeError:当用FlatList替换ListView时，未定义的对象不是对象(计算'_this2.state.dataSource.cloneWithRows')
react-native、react-redux、react-native-flatlist、react-native-listview、react-native-sectionlist
我正在更新一个项目，将其从50~本地62+中删除，ListView被从react本地删除，因此我试图将该文件中的ListView更改为FlatList。我不知道如何处理数据源来正确地管理数据。这是使用ListView的原始代码，没有任何升级尝试，这给出了“不变错误: ListView已从React原生中移除”：(我下面的尝试代码) Image, Touch
浏览 9提问于2020-06-08得票数 1
回答已采纳
2回答
为什么我不能输入react-native SearchBar？
javascript、react-native、searchbar
当我键入时，搜索栏中什么也没有显示，但它知道我正在键入(从我的updateSearch函数中的print语句)。根据我对react原生searchBar的理解，我甚至不需要做任何事情就可以在那里显示文本，所以我真的不知道我是如何搞砸的。这是一个更大项目的一部分..但我祈祷这个问题和其他事情没有任何关系。import React, { Component } from "react"; View, FlatList</e
浏览 9提问于2019-11-28得票数 1
6回答
反应-本机: FlatList onRefresh没有被拉上来。
react-native、react-native-flatlist
当前行为：我已经在setState函数的回调中设置了GET请求，但这似乎没有起到任何作用。StoryActions.setStories(res.data)) } return ( <FlatList
浏览 12提问于2017-06-27得票数 17
回答已采纳
1回答
在使用FlatList时获取不变冲突
react-native、react-native-flatlist
您好，我正试图在Flatlist中显示来自API的数据，但我一直收到错误消息，提示‘不变违规:元素类型无效:需要字符串(对于内置组件)或复合组件的类/函数，但没有定义。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。请检查'Query’的呈现方法。
我先尝试了原始数据，然后尝试了JSON项目数组的静态数据。我还尝试返回一个文本元素，但当我尝试FlatList时，我得到了上面的错误。您可以
浏览 2提问于2019-11-11得票数 0
1回答
如何在React-Native中创建水平循环视图？
javascript、reactjs、react-native
我有一个必须从API获取的问题列表，我希望每次呈现一个问题，这样当我按下三个按钮(是、否、可能)中的一个按钮时，就会呈现下一个问题。 例如。Recycle View 这就是我想让它看起来的样子，我试着使用react-native-recycler view-list，但它不起作用。 我如何制作这样的列表？
浏览 33提问于2019-09-19得票数 0
2回答
App.js的render方法出错？React-原生问题
javascript、react-native
下面是我的代码： import React, {useState} from 'react'; };
<View style={styles.container}> <FlatlistStyleSheet.cre
浏览 41提问于2020-09-24得票数 0
回答已采纳
5回答
React原生FlatList仅呈现10个项目
javascript、reactjs、react-native、react-native-flatlist
我正在尝试显示一个包含86个项目的数据集的FlatList，但它只显示10个项目，并且不会加载更多项目。 我试着通过样式来调整容器的大小，但是没有效果。return ( <Text>{this.state.cards.length}</Text> data={this.state.cards
浏览 109提问于2019-01-22得票数 6
1回答
React Native -数据网格
javascript、react-native、datagridview、datagrid
我正在开发一个适用于Android/iOS的业务应用程序，用户可以通过在表格/数据网格中添加文章来创建发票。我正在使用React Native，正在寻找合适的组件。需求是添加/删除行和更改单元格。我尝试了一些组件，但它们不能满足我的需求。
你对React Native下的数据网格有什么建议吗？
浏览 5提问于2017-08-24得票数 0
1回答
React Native平面列表中的网格视图
react-native、gridview
如何在FlatList组件中的react原生中实现这样的视图？ 通常在web中，使用css网格很容易，但我无法在react原生中做到这一点。 ?
浏览 14提问于2020-07-09得票数 2
回答已采纳
1回答
从api restful填充平面列表
react-native、expo
我正在尝试从我的api restful中获取值，并将其加载到我的扁平列表中。但它不起作用。import React from 'react'; Platform, StyleSheet, View, .then((resp
浏览 24提问于2019-12-25得票数 0
回答已采纳
2回答
反转的平面列表在React Native上不起作用
javascript、react-native、react-native-flatlist
下面是我为平面列表编写的代码 console.log("chatthread --",this.props.chatThreadStore.getchatThreads);= this.props.navigation; <View style={ChatThreadStyle.container}> </Vie
浏览 1提问于2017-11-22得票数 1
2回答
如何修复此警告: VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中
react-native、react-native-flatlist、react-native-scrollview、safeareaview
当我在FlatList内部使用ScrollView组件时，我会看到一个警告：我试图用SafeAreaView包装内容，但这对我没有帮助，因为在本例中，我无法滚动内容。我还尝试在</
浏览 6提问于2019-12-16得票数 3
2回答
如何更改整个页面的背景？
css、react-native
所以我使用的是React本机，而且我的大部分页面都有问题，我似乎无法将所有元素的整个背景色更改为统一的颜色。即：import { View, Text, FlatList, ActivityIndicator } from"react-native";
import { List, ListItem, SearchBar } from "react-na
浏览 3提问于2018-06-12得票数 1
回答已采纳
2回答
React本机-重新激活的底页:可快照容器中的内容仅可在iOS上滚动
android、ios、reactjs、react-native、bottom-sheet
然而，在Android上，当我在屏幕上进行一种垂直收缩来缩放移动时，滚动就会起作用。在iOS上，一切都可以完全无缝地工作。这里是reanimated-bottom-sheet的repo：
我已经尝试过使用底部页面库的存储库页面上提供的道具，并尝试使用其他StackOverflow问题中提到的这些道具，但遗憾的是，这些道具对我并没有起到作用在安卓系统上，只有滚动功能和抓取点才能正常工作。永远不要两个人(只有两个手指)。enabledIn
浏览 2提问于2020-07-17得票数 1
1回答
如何显示API中的数据？
reactjs、react-native
我是一个反应本土化的初学者，我正在开发一个电影应用程序使用电影数据库API。我设法从每部电影中提取了信息。然而，我发现很难提取关于电影放映的信息。我只使用函数"map“提取"String”类型的数据。我想知道我们如何从演员那里提取照片并改进数据的显示。下面是API数据的一个示例： const { acteur } = this.state <&#
浏览 2提问于2018-12-02得票数 0
回答已采纳
2回答
React native get default style道具？
react-native
如何从我的React Native应用程序内部或使用调试工具获取默认样式道具？我尝试使用React Devtools，但它们只显示我设置的道具，而不是默认的道具。但是我对缺省值很感兴趣。我怎么看呢？我不想依赖于文档，而是想在我运行的应用程序中真正检查它。我使用的是函数式组件。
浏览 13提问于2020-01-13得票数 3
回答已采纳
1回答
无法在.map函数react-native内循环和呈现FlatList
javascript、react-native、react-native-flatlist
我正在尝试在组件中呈现一个FlatList。组件本身位于ScrollView内部。 我使用map函数遍历数据以传递到组件中。之前我使用的是ScrollView而不是FlatList。所以我决定使用FlatList。下面是我的代码： renderComp(){
const { filtersView,cats,cats_title, clearStyle} = styles;<View style={{justifyCon
浏览 15提问于2019-03-25得票数 1
回答已采纳
1回答
具有react本机到阵列的Firebase
javascript、arrays、reactjs、firebase、react-native
我正在用Firebase做我的React Native项目的后端。我想从数据库中检索记录，并从数组中呈现一个平面列表。我试图创建一个数组，但在函数外部，它又是空的…… 下面是我的代码： var brand_list = [] // the list })
console.lo
浏览 26提问于2021-06-21得票数 1
回答已采纳
1回答
将{ AppRegistry }从“react本机”导入与从“react天生”导入AppRegistry之间的区别；
javascript、react-native、vue.js、ecmascript-6
有时，我们在es6中加载如下内容：但是，有时我们用花括号覆盖这个导入的对象，如请告诉我什么时候应该使用这个括号。
浏览 1提问于2019-05-20得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
