如何从Firebase实时数据库为Ant Design动态表单设置初始值

以下是从Firebase实时数据库拉取数据，并将其处理为Ant Design动态表单初始值的相关实现：

1. Firebase数据获取代码 #

get(child(dbRef, `links/${dummy.prefix}/links/links`)).then((snapshot) => {
          
    if (snapshot.exists()) {
        const dummy = snapshot.val();
        setAlllinks(dummy)
        for(var i in dummy){
            setTheArray([...theArray, { "links" : [dummy[i]['first'], dummy[i]['last'] ]}]);
        }

    } else {
        console.log("无可用数据");
    }
}).catch((error) => {
    console.error(error);
});

2. Firebase返回的数据结构 #

[
  {
    "first": "https://google.com",
    "last": "google"
  }
]

3. 后续数据处理代码（适配动态表单格式） #

const availablelinks = {
    links: theArray
};
const itemInputs = availablelinks.links.map((item) => {
    return {
        first: item.first,
        last: item.last,
    };
});

内容的提问来源于stack exchange，提问作者like who