如何从反应本地flatList中的另一个函数获取值? [英] How to get value from another function inside react native flatList?

问题描述

我正在尝试过滤掉被阻止用户的帖子.最好的解决方法是什么?由于状态更新使应用程序运行缓慢.这就是我的处理方式:

我创建了一个功能来检查用户是否被阻止

I made a function to check if user is blocked

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;
  }
}

然后在平面列表中，我试图过滤来自一个被阻止的用户的帖子.

Then inside flatlist, I'm trying to filter the posts from users one has blocked.

<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 
             
     

       )}

      }}
     
      />

推荐答案

您无法通过这样的render方法启动异步操作(例如从Firestore加载数据).您应该:

You can't start asynchronous operations (such as loading data from Firestore) from the render method like that. You should:

1. 在render方法之外启动异步操作.
2. 从该操作获得结果时，将其置于组件的状态.
3. 这将触发组件的重新渲染，render方法可以从状态中获取数据.

在此处查看我的答案以获取示例:在更新后不进行更新SetState

See my answer here for an example: React Not Updating Render After SetState

这篇关于如何从反应本地flatList中的另一个函数获取值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！