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

ng

我是React Native的新手,我在FlatList上遇到了麻烦。我将extraData分配给redux值,但是在redux更新时它不会重新呈现FlatList。我想我应该将其分配给本地状态,但是我出现了太多的重新渲染错误。非常感谢任何帮助我的人!下面是我的代码

function CartScreen() {
const cart = useSelector((state) => state.cartReducer);
console.log(cart);
const dispatch = useDispatch();

useEffect(() => {
    dispatch(cartActions.refreshCartAction(cart));
}, []);

const renderItem = ({ item }) => {
    return <CartItem book={item} />;
};

return (
    <View>
        <FlatList
            data={cart}
            renderItem={renderItem}
            keyExtractor={(item) => item._id.toString()}
            extraData={cart}
        />
    </View>
);
}

export default CartScreen;
ng

我在解决问题的redux动作中发现错误。谢谢大家!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

React Native:FlatList 不呈现

来自分类Dev

在React Native中没有使用Flatlist呈现数据

来自分类Dev

React Native Flatlist使用Redux在onEndReached上获得无限循环

来自分类Dev

React-Native:使用FlatList ref的scrollToIndex时出现错误

来自分类Dev

在使用react-redux实现react-native时出错

来自分类Dev

React Native-如何在FlatList属性上使用导航?

来自分类Dev

如何使用Axios React Native在FlatList中渲染共振?

来自分类Dev

当数据源更新时,如何防止React Native重新呈现ListView中所有行的页面?

来自分类Dev

react-native redux 重新填充状态

来自分类Dev

如何修改从 elasticsearch 获取的数据结构以在 React Native flatlist 中呈现项目?

来自分类Dev

FlatList不呈现JSON数组React-native的数据

来自分类Dev

添加新数据时,React Native FlatList重新渲染已渲染的项目

来自分类Dev

React-native flatlist renderItem

来自分类Dev

React Native FlatList 不滚动

来自分类Dev

React Native TouchableHighlight呈现空白

来自分类Dev

为什么当状态改变时React Native组件不重新呈现

来自分类Dev

React Native 重新挂载屏幕

来自分类Dev

React Native + Redux基本认证

来自分类Dev

React Native Redux条件渲染

来自分类Dev

React Native 与 Redux - 意外令牌

来自分类Dev

状态更改后,React Native ListView行未重新呈现

来自分类Dev

react native:如何在状态更改时停止子组件的重新呈现?

来自分类Dev

React-native 如何强制 TabNavigator 的孩子在 TabNavigator 中重新呈现?

来自分类Dev

如何在React-Native导航中正确使用Redux

来自分类Dev

React Native - FlatList 加载图像时的活动指示器

来自分类Dev

React Native:在提取时渲染

来自分类Dev

我如何在加载数据时在 react-native FlatList 中渲染 isLoading 元素

来自分类Dev

使用filter方法从react native中的flatList中删除项目时遇到问题

Related 相关文章

  1. 1

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

  2. 2

    React Native:FlatList 不呈现

  3. 3

    在React Native中没有使用Flatlist呈现数据

  4. 4

    React Native Flatlist使用Redux在onEndReached上获得无限循环

  5. 5

    React-Native:使用FlatList ref的scrollToIndex时出现错误

  6. 6

    在使用react-redux实现react-native时出错

  7. 7

    React Native-如何在FlatList属性上使用导航?

  8. 8

    如何使用Axios React Native在FlatList中渲染共振?

  9. 9

    当数据源更新时,如何防止React Native重新呈现ListView中所有行的页面?

  10. 10

    react-native redux 重新填充状态

  11. 11

    如何修改从 elasticsearch 获取的数据结构以在 React Native flatlist 中呈现项目?

  12. 12

    FlatList不呈现JSON数组React-native的数据

  13. 13

    添加新数据时,React Native FlatList重新渲染已渲染的项目

  14. 14

    React-native flatlist renderItem

  15. 15

    React Native FlatList 不滚动

  16. 16

    React Native TouchableHighlight呈现空白

  17. 17

    为什么当状态改变时React Native组件不重新呈现

  18. 18

    React Native 重新挂载屏幕

  19. 19

    React Native + Redux基本认证

  20. 20

    React Native Redux条件渲染

  21. 21

    React Native 与 Redux - 意外令牌

  22. 22

    状态更改后,React Native ListView行未重新呈现

  23. 23

    react native:如何在状态更改时停止子组件的重新呈现?

  24. 24

    React-native 如何强制 TabNavigator 的孩子在 TabNavigator 中重新呈现?

  25. 25

    如何在React-Native导航中正确使用Redux

  26. 26

    React Native - FlatList 加载图像时的活动指示器

  27. 27

    React Native:在提取时渲染

  28. 28

    我如何在加载数据时在 react-native FlatList 中渲染 isLoading 元素

  29. 29

    使用filter方法从react native中的flatList中删除项目时遇到问题

热门标签

归档