显示值环内反应本机代码已更改与onPress

我想要做的是重复一个行项目，用户将能够更改线上的每个项目的数量。例如显示值环内反应本机代码已更改与onPress

苏打............ - 1个+
面包.. - 0 +
等... .......... ... - 3 +

到目前为止我已经能够更改值并记录发生变化，但显示的值不会改变。

下面

是我到目前为止

render() { 

    let pizzaSides = this.props.pizzaSidesArray.map((sidesObj) => { 

     sidesObj.count = 0;

递减功能，减少项目的数量，但不低于0

 decrement =() =>{ 
      console.log('dec'); 
      console.log(sidesObj); 
      if (sidesObj.count > 0) { 
      sidesObj.count--; 
      } 
     }

增量调用

 increment =() =>{ 
      console.log('inc'); 
      console.log(sidesObj); 
      sidesObj.count++; 
     } 

     return (
      <View 
      key={sidesObj.name} 
      style={{ 
        paddingTop: 10, 
        flex: 1, 
        flexDirection: 'row', 
        alignItems: 'center', 
        justifyContent: 'space-between'}}> 

      <View style={{flex:1.5,flexDirection: 'row'}}> 
       <TouchableHighlight 
       onPress={ decrement} 
       style={{flex:1}}> 
       <Text> - </Text> 
       </TouchableHighlight>

时增加了虽然可触摸的精彩集锦记录下更改以下文字不会改变

   <Text style={{flex:1}}> 
       {sidesObj.count} 
       </Text> 

       <TouchableHighlight 
       onPress={ increment} 
       style={{flex:1}}> 
       <Text> + </Text> 
       </TouchableHighlight> 
      </View> 

      </View> 
     ); 
    }); 

    return (
     <View> 

      {pizzaSides} 
     </View> 

    ) 
}

}

感谢您的帮助。：D

来源

2017-04-13 BJax