首页 > 解决方案 > 在 React Native 中制作购物车页面的最佳方法是什么?

问题描述

我在 React Native 应用程序中有一个简单的购物车页面,并且每个项目的数量都有“加号/减号”按钮。我有两个问题:

1-当我点击更改每件商品的数量时,更新商品价格的最佳方式是什么?每个价格都应该是一个状态吗?

2- 实际上,我可以静态更改购物车中每个项目的数量,但是当我更改任何 RN 状态时,我更改的所有项目数量都会丢失。如何保存我的操作以免在状态更改时全部丢失?

    <ScrollView>
        <View style={styles.items} product="1">
            <Avatar
                size="large"
                rounded
                source={{ uri: "https://picsum.photos/80/80?random" }}
            />
            <View style={styles.text}>
                <Text style={styles.title}>Uva Prata</Text>
                <Text style={styles.price}>R$ <Text style={styles.money}>4,90</Text> <Text style={styles.unit}>/ kg</Text></Text>
            </View>
            <View style={styles.amount}>

                <NumericInput rounded 
                                onChange={ } />
            </View>
        </View>

...其他视图 ...其他视图 ...其他视图 ...

标签: javascriptandroidreactjsreact-nativemobile

解决方案


推荐阅读