如何在使用redux时重新呈现FlatList React Native

文章/答案/技术大牛

发布

2回答

react-native、redux、flatlist

我是新来的React Native，我和FlatList有点问题。我将extraData赋值为redux值，但是当redux更新时，它不会重新呈现FlatList。renderItem = ({ item }) => {}; <View> <FlatList</e

浏览 22提问于2021-03-03得票数 2

回答已采纳

2回答

为什么react钩子不支持纯组件或shouldComponentUpdate函数？

reactjs、react-native、react-hooks

我想实现flatlist的多选功能。我直接在官方网站上修改了这个例子。官方网站地址是：。因为列表中有很多项，所以我想使用shouldComponentUpdate来防止过度呈现项。FlatList项目的源码如下：import React, {, {Component} from 'react</

浏览 1提问于2020-06-17得票数 0

1回答

持久化获取的数据React Native

reactjs、react-native、redux、mobx

我正在开发React Native中的一个迷你社交网络。从提要页面，用户可以导航到任何给定帖子的评论页面。唯一的问题是，在向后导航时，提要页面会重新呈现，这会使用户丢失新闻提要上的当前位置。如何使提要屏幕只呈现一次(在应用程序启动时)，然后在用户刷新时重新呈现？(我使用FlatList组件)。附注:欢迎任何状态管理库的方法(MobX、Redux

浏览 3提问于2018-07-30得票数 0

3回答

FlatList不呈现任何本机react中的文本。

javascript、react-native、redux、react-redux

我对本机和redux的反应相当陌生，我试图使用redux从一个平面列表中的JSON文件中呈现库标题，但是我的FlatList组件不会在屏幕上呈现任何内容。这是我的密码：import React, { Component } from "react"; import { FlatList } from "react-native"

浏览 7提问于2020-03-11得票数 2

2回答

React Native Flatlist未重新呈现Redux

javascript、react-native、chat、react-native-flatlist、listitem

当我从redux传递的道具发生变化时，我的FlatList不会更新。每次我发送消息时，我都会在firebase和redux存储中增加每个人的未读消息计数。唯一改变未读消息计数的是重新加载设备。如何确保使用MapStateToProps更新flatList。我确保使用Object.Assign创建了一个新对象：export const sendMessage = ( currentChannel, channelT

浏览 11提问于2019-10-25得票数 0

回答已采纳

1回答

FlatList无法呈现项

reactjs、react-native、react-native-flatlist

在从远程url获取Json数据并试图通过FlatList组件呈现数据时，我不断地获得红色屏幕上的错误“不兼容的接收器映射”。import React, { Component } from "react"; Text, FlatList, Platform } from "react-<em

浏览 1提问于2019-06-02得票数 0

1回答

使用Redux和React钩子，Flatlist将不会重新呈现，其中的单个组件也不会重新呈现

reactjs、react-native、redux、react-hooks、react-native-flatlist

我正在使用React Native、React Hooks、Redux和Function组件。我正在使用useSelector从Redux获取我的状态的一个大型数组，并使用state列表对其进行迭代。在我的Flatlist中，我渲染多个子组件，包括我的孩子的孩子。当我在一个单独的屏幕上，FlatList处于非活动状态，并且数组trackingBoardList中的对象内部的属性发生变化时，我希望返回屏幕时</

浏览 21提问于2019-09-14得票数 0

回答已采纳

7回答

响应本机100+项平面列表非常慢的性能

javascript、react-native

我有一个列表，只是简单的文本，渲染成平面列表上的反应本机，但我正经历非常缓慢的性能，这使应用程序无法使用。<FlatList renderItem={({item}) => <Text>{item.key

浏览 17提问于2017-06-06得票数 36

回答已采纳

3回答

防止FlatList在状态更改时重新呈现整个列表

reactjs、react-native、redux、react-redux

我在一个redux减速器中有一个posts数组，我通过我的FlatList的onEndReached支柱来更新它。问题是，每次状态更改时，整个列表都会重新呈现，而不是受影响的post项。const keyExtractor = useCallback( [] <FlatList= (prevProps, nextProps) => { return pre

浏览 6提问于2021-05-17得票数 5

回答已采纳

1回答

react-native扁平列表在元素更新时不会重新呈现吗？

reactjs、react-native、redux、react-native-flatlist

所以我读到react原生FlatList是一个PureComponent，所以它不会自动重新呈现。但是，当删除或添加元素时(因此当数组长度发生变化时)，当前的FlatList会重新呈现，但是如果我试图在不更改长度的情况下更改数据数组中的元素，则FlatList不会重新呈现。有没有办法做到这一点？我尝试了extraData ，在我的redux状态中有一个标志，当操作被分派时<

浏览 0提问于2018-11-13得票数 1

1回答

如何在表中呈现数据并呈现实时数据(如股票价格)

react-native、html-table、react-redux、stock

Nifty50是我的react-native应用程序的一个组件，我的目标是显示来自json-server的数据，其中包含以下格式的数据： { [, { Component } from 'react';import { ListItem} from 'r

浏览 7提问于2020-07-11得票数 0

1回答

捆绑失败: TypeError:无法在Scope.moveBindingTo处读取null的属性“绑定”

react-native、babeljs、react-native-ios

另一个解决方案是使用metro-react-native-babel-preset代替。那也没用。另一个解决方案是使用@babel/preset-env。那也没用。我甚至注释掉了错误所抱怨的代码，所以我甚至不知道它是如何在注释掉的代码行now...Any思想上产生同样的错误？, "

浏览 0提问于2019-04-19得票数 3

3回答

在移动世博项目以响应本机后获得警告"componentWillReceiveProps已被重命名“

react-native、react-navigation、expo

我删除了世博，并尝试使用本机方式添加启动屏幕和推送通知，并添加字体没有世博。我还安装了不使用世博的本地方式的react导航。我使用android和Xcode运行这个项目。", "react-native-elements": "^1.1.0", "react-<

浏览 11提问于2020-02-13得票数 2

回答已采纳

2回答

如何正确更新/重新呈现非子React* Native的组件？*

reactjs、react-native、react-navigation

我使用的是react-导航。更具体地说，我在drawerNavigator中嵌套了一个materialTabNavigator。每个标签本身都是一个stackNavigator。在那里，我使用一个简单的包装器接收信息并将其存储到异步存储中。在Posts.js中，有一个FlatList将每个帖子显示为一个组件。从异步存储发出请求后，FlatList的数据最初设置正确。问题是，只有在应用程序首次打开时才会发生这种情况。我尝试了许多不同的方法来解决这个问题。显然，这是有问题的，因为它不断地<

浏览 3提问于2018-08-14得票数 0

2回答

如何在tab导航器的屏幕之间传递数据，当按下第一个屏幕中的按钮时，而不是路由到第二个屏幕？

reactjs、react-native、react-navigation

在Screen1中，有一个显示“水果”列表内容的FlatList :它由一个项目和旁边的"add“按钮组成。按下按钮后，项目将显示在Screen2中。当我按下“添加”按钮时，我想从Screen1的“水果”列表中传递一个项目到Screen2，而不是自动路由到Screen2。我认为导航道具的调度方法可以解决这个问题，但我不知道如何使用它！我使用的是React Native 0.65和React Navigation 6.x。下面是我的代码： import <em

浏览 36提问于2021-08-23得票数 1

回答已采纳

1回答

使用extraData时，React原生FlatList会呈现两次数据

javascript、reactjs、react-native、firebase-realtime-database、react-native-flatlist

我正在使用带有firebase的React Native (没有Redux或任何类似的东西)。我有一个使用'on‘方法监听firebase更改的FlatList。FlatList正在侦听更改，但当呈现新数据时，它会同时呈现新数据和旧数据。所以我有旧的数据，然后是附加了新数据的旧数据。child.val()); this.setState({ thisArguments:

浏览 5提问于2018-01-29得票数 2

回答已采纳

1回答

我的钩子没有更新，因为我正在使用redux工具箱从api获取数据。

reactjs、react-native、react-hooks、react-redux、redux-toolkit

我正在使用redux工具箱方法中的api获取数据。我正在控制台中获取数据，但是我的钩子在页面加载时没有更新。在这里输入代码import { useNavigation } from '@react-navigation/native<

浏览 1提问于2022-11-17得票数 0

1回答

即使使用React.memo也可以重新呈现FlatList项目

react-native、react-hooks、rendering、flatlist、react-usememo

我试图使用FlatList组件在React Native中呈现一个项目列表，但每次我获取新数据时，即使使用React.memo，它也会重新呈现谁的项目列表。item={item} />) //Fetching data from db and adding to data array <FlatL

浏览 13提问于2021-02-05得票数 0

1回答

如何防止在只有一个值发生更改时重新呈现整个FlatList

reactjs、react-native、mobx

我实现了一个React Native FlatList，但是每当我将一个元素推送到FlatList数据上时，FlatList的每个子元素都会重新呈现两次。有没有办法只呈现的新元素，而不是整个FlatList？我认为这是因为我呈现的组件的日期属性发生了变化，这触发了第一次重新呈现，然后由于FlatList作为一个整体依赖于this.props.st

浏览 45提问于2018-05-29得票数 0

回答已采纳

3回答

react本机平面列表没有显示更新的值

javascript、reactjs、react-native、react-native-flatlist

<FlatList renderItem={({ item }) => { <View style={styles.itemCountView

浏览 16提问于2022-10-12得票数 0

点击加载更多