JSON解析在控制台中正确显示，但在代码中返回未定义

Question

我正在尝试解析json文件，并将div的h1 innerHTML更改为json文件返回的内容

这是我的代码

let ParsedData = {};

function FetchJSON(path){
    fetch(path)
        .then(function(resp)    {
            return resp.json();
        })
        .then(function(data)    {
            console.log(data)
            ParsedData = data;
        }
    );
}

function ClonePost(data){
    const Postlist = document.getElementById('PostList')
    const ItemToCopy = Postlist.querySelector('#Post')

    Item = ItemToCopy;

    Item.getElementsByTagName('h1')[0].innerHTML = ParsedData[0];

    Postlist.appendChild(Item.cloneNode(true));
}

ClonePost(FetchJSON(/*Filepath*/));

代码在控制台中正确返回了数据，但是h1 innerHTML变为“未定义”，我该如何解决？