你需要移动async函数中与async操作相关的 whole 逻辑。
你可以使用一个匿名的async函数：

(async () => {
    var resp = await fetch(`https://www.yahoo.com/manifest_desktop_us.json`);  
    var jobj = await resp.json();  
    var display = jobj.display;  
    console.log(display);
})();

或者，由于异步函数返回Promise，因此您也可以在then调用中获取值：

async function abc(url) {
  var resp = await fetch(url);
  var jobj = await resp.json();
  return jobj;
}
var url = 'https://www.yahoo.com/manifest_desktop_us.json';
var jobj = abc(url).then((value) => console.log(value));

您的第一次尝试非常接近于让它工作，错误Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules意味着await只能在异步函数中使用，因此您需要 Package 它

(async function(){
    var resp = await fetch(`https://cors- 
 anywhere.herokuapp.com/https://www.yahoo.com/manifest_desktop_us.json`);  
    var jobj = await resp.json();  
    var display = jobj.display;  
    console.log(display); // logs "standalone" from API
})();

另外，您还需要绕过cors，为了便于演示，我添加了corsURL，但在您的生产应用中，您必须在全局HTTP请求示例中处理，或者拥有自己的后端URL。

您可以使用then。

const [data, setData] = useState({})

const getApi = async () => {

const resp = await fetch(`https://www.yahoo.com/manifest_desktop_us.json`)  
return resp

}

getApi().then((resp) => setData(resp.json))