React Native - 使用循环动态更改来自mutliple TouchableHighlight图像下的TouchableHighlight

时间:2017-07-17 11:29:11

标签: reactjs react-native reactive-programming

我有帖子列表,每个帖子都有最喜欢的图片。当我点击单个喜欢的图像时,应该动态更改仅点击的图像,而不是所有图像。

我面临的问题是,点击单张图片后,所有图片都会被更改。

favoritePostClick (this){

  this.setState({
      favoriteSelected : !this.state.favoriteSelected,
  });
}

<TouchableHighlight underlayColor="transparent" onPress={this.favoritePostClick.bind(this)} key={"touch_" + this.state.lstSuggestedFRABS[i].freebs_id}>
              {this.state.favoriteSelected ? <Image source={require("../../Images/Icons/favoriteOk.png")} /> :
                <Image source={require("../../Images/Icons/favorite.png")} /> }
            </TouchableHighlight>

0 个答案:

没有答案