當項目值在本機中更改時更新狀態

Question

我正在做一個使用戶喜歡或不喜歡帖子的應用程序。 默認情況下，當帖子加載時，有效負載中有一個稱為hasUserLike ，該區域設置為false。 因此，創建了一個函數，當單擊按鈕時，該函數應將hasUserLike更新為true，這樣可以隱藏和取消隱藏屏幕上的某些元素並顯示其他元素。

功能

likePostComment = (item) => {
    item.hasUserLike = true;
    alert(item.hasUserLike)
}

看法

{
item.hasUserLike === false ? 
  <Icon
  onPress={()=>onLikePostComment(item)}
  name='md-thumbs-up'
  type='ionicon'
  color='#778899'
  />
  : null
}

{
item.hasUserLike === true ? 
  <Icon
  onPress={()=>onDisLikePostComment(item)}
  name='md-thumbs-up'
  type='ionicon'
  color='#36c'
  />
  : null
}

當值更改為true時，即使警報彈出為true，也不會顯示要顯示的組件

Answer 1

我正在做一個使用戶喜歡或不喜歡帖子的應用程序。 默認情況下，當帖子加載時，有效負載中有一個稱為hasUserLike ，該區域設置為false。 因此，創建了一個函數，當單擊按鈕時，該函數應將hasUserLike更新為true，這樣可以隱藏和取消隱藏屏幕上的某些元素並顯示其他元素。

功能

likePostComment = (item) => {
    item.hasUserLike = true;
    alert(item.hasUserLike)
}

看法

{
item.hasUserLike === false ? 
  <Icon
  onPress={()=>onLikePostComment(item)}
  name='md-thumbs-up'
  type='ionicon'
  color='#778899'
  />
  : null
}

{
item.hasUserLike === true ? 
  <Icon
  onPress={()=>onDisLikePostComment(item)}
  name='md-thumbs-up'
  type='ionicon'
  color='#36c'
  />
  : null
}

當值更改為true時，即使警報彈出為true，也不會顯示要顯示的組件