更新平面清单中的单个项目

时间:2018-09-06 06:39:02

标签: react-native react-native-android react-native-flatlist

嗨,我需要更新FlatList数据中的单个项目。我想计算购物车中的物品。 当我单击+或-时,它没有变化。但是当我使用平面列表的Extradata属性时,其所有计数都会发生变化。

    class Cart extends Component {
    state:
      {
         count:0
      }


   render() {
    const cartcount = <View style= {{height:40,
                                     flexDirection:'row',
                                     justifyContent:'space-around'}}>
      <TouchableOpacity onPress={()=>
                           {this.setState({
        count: this.state.count-1
      })}}>
        <Text>-</Text></TouchableOpacity><Text
        > { this.state.count >=0 && this.state.count !== 0 ? this.state.count: 1 }</Text>
        <TouchableOpacity onPress={()=>
                            {this.setState({ count: this.state.count+1})}}><Text>+</Text></TouchableOpacity>
    </View>;

return (

<FlatList data={this.state.cart}
        renderItem={({item,index}) =>
                      <View>{ cartcount }</View>
    />

0 个答案:

没有答案