Firebaseデータベースに新しく追加されたデータが自己複製してSwift3を使ってリフレッシュする前に複製

Question

firebaseデータベースに新しいデータを追加するとアプリに重複して表示されるのはなぜですか？プロジェクトシミュレータにデータがどのように表示されるかのスクリーンショットを作成します。これはプロジェクトにデータが表示される方法です。

これは私のコードです。

import UIKit 
import FirebaseDatabase 
import SDWebImage 
import FirebaseAuth 


class ViewController: UIViewController , UITableViewDataSource , UITableViewDelegate { 


@IBOutlet weak var tableView: UITableView! 

var Ref:FIRDatabaseReference? 

var Handle:FIRDatabaseHandle? 

var myarray = [Posts]() 

var refresh = UIRefreshControl() 

    override func viewDidLoad() { 
    super.viewDidLoad() 

    tableView.delegate = self 
    tableView.dataSource = self 

    refresh.addTarget(self, action: #selector(ViewController.loadData), for: .valueChanged) 

    tableView.addSubview(refresh) 


} 

override func viewDidAppear(_ animated: Bool) { 

    loadData() 

    } 



func loadData(){ 

    self.myarray.removeAll() 

    Ref=FIRDatabase.database().reference() 

    Handle = Ref?.child("Posts").queryOrdered(byChild: "Des").queryEqual(toValue: "11").observe(.childAdded ,with: { (snapshot) in 

     if let post = snapshot.value as? [String : AnyObject]{ 

      let img = Posts() 

      img.setValuesForKeys(post) 

      self.myarray.append(img) 

      print("@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@\(img)") 

      self.tableView.reloadData() 
     } 


    }) 
     self.refresh.endRefreshing() 

} 

Answer 1

self.refresh.endRefreshing（）がFirebaseクロージャの外側で呼び出されているようです。

これは、Firebaseがデータを返してtableViewデータをリロードする前にコードが実行されるため、これは悪いことです。

Firebaseは非同期で、インターネットがFirebaseサーバからアプリケーションにデータを取得するのに時間がかかることを覚えておいてください。通常、インラインコードはクロージャのコードより前に実行されます。

また、他の場所で使用していない限り、ハンドルは不要です。あなたが任意の時間にFirebaseノード（.childAdded）にそれが追加された子をオブザーバを追加するときに、あなたのテーブルビューが自動的原因で実行されるコードに更新されますよう

Ref?.child("Posts").queryOrdered(byChild: "Des").queryEqual(toValue: "11") 
        .observe(.childAdded ,with: { (snapshot) in 
    if let post = snapshot.value as? [String : AnyObject]{ 
     let img = Posts() 
     img.setValuesForKeys(post) 
     self.myarray.append(img) 
     print("@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@\(img)") 
     self.tableView.reloadData() 
    } 
    self.refresh.endRefreshing() 
}) 

また、あなただけの完全リフレッシュを削除することを検討します閉鎖。