如何從 react native flatList 中的另一個函數獲取值？

Question

我正在嘗試從被阻止的用戶中過濾掉帖子。 接近它的最佳方法是什么？ 因為狀態更新使應用程序滯后。 這是我接近它的方式：

我做了一個功能來檢查用戶是否被阻止

checkBlocked = async userId => {
  try {
  let snapshot = await firebase.database().ref('Blocked/' + firebase.auth().currentUser.uid).orderByChild('uid').equalTo(userId).once('value')
    return snapshot.exists();
  }
  catch(error) {
    return false;
  }
}

然后在 flatlist 中，我試圖過濾來自一個已阻止的用戶的帖子。

<FlatList
        inverted
        extraData={this.state.blocked}
        data={this.state.arrData}
        keyExtractor={item => item.key}
        renderItem={({ item }) => {
         
         
          this.checkBlocked(item.id).then(val => this.setState({blocked: val}));
         
            if(this.state.blocked == true){
              return (
                 //something )
            }

          else {
             
          return (

           //something 
             
     

       )}

      }}
     
      />

Answer 1

您不能像這樣從渲染方法啟動異步操作（例如從 Firestore 加載數據）。 你應該：

1. 在渲染方法之外啟動異步操作。
2. 當您從該操作中獲得結果時，將其置於組件的狀態中。
3. 這將觸發組件的重新渲染，其中渲染方法可以從狀態中獲取數據。

請參閱我在此處的答案以獲取示例： React Not Updating Render After SetState