swiftの変数のスコープと宣言の場所について

Question

以下のコードを二つのファイルに分けて書きました。
このコードで、dataArrayを更新し、リストで表示しようとしています。
変数dataArrayが二ヶ所で宣言されています。
試行錯誤しながら修正しているところなのですが、現状では//###_1と//###_4が紐づいて動き、//###_2と//###_3が紐づいて動いているようです。
dataArrayの宣言を一つにして、それを//###_3と//###_4で使いたいのですが、上手くいきません。
基本的な事だとは思いますが、よくわかりません。
どうのように書くと良いのでしょうか。

#ContentView.swift)
import SwiftUI

struct Data: Identifiable {
    var id: Int
    var data: String
    
    init(id: Int, data: String) {
        self.id = id
        self.data = data
    }
}

var dataArray:[Data] = []    //###_1
struct ContentView: View {
    @State var url: String = ""
    @State var dataArray:[Data] = []    //###_2

    var body: some View {
        VStack {
            HStack {
                TextField("URLを入力してください", text: $url)
                Button(action: {
                    self.dataArray.append(Data(id:self.dataArray.count, data:self.url))     //###_3
                }) {
                    Text("Add")
                }
            }
　　　　　　　List(dataArray) { item in
                URLRowView(rowData: item)
        }
    }       
}

#(URLRowView.swift)
import SwiftUI

//１行分作成用の構造体
struct URLRowView: View {
    var rowData:Data
    
    var body: some View{
        HStack {
            Text(String(rowData.id))
            Text(rowData.data)
        }
    }
}

struct URLRowView_Previews: PreviewProvider {
    static var previews: some View {
        URLRowView(rowData:dataArray[0])         //###_4
    }
}

Comments

[y_waiwai]

で、しつもんはなんでしょうか

[fu_3823]

すみません。本文もタイトルも書きかけのものが投稿されてしまったようです。
訂正しましたので、よろしければご一読ください。