返回第一个值[对象承诺]

Question

const wordEl = document.getElementById('word');    
let selectedWord = [];
let correctLetters = [];

let apiUrl = 'https://random-word-api.herokuapp.com/word';

async function getData(url) {
  let response = await fetch(url);
  let data = await response.json();
  selectedWord = await data;
}
selectedWord = getData(apiUrl);

async function displayWord() {
  wordEl.innerHTML = `
    ${selectedWord
      .toString()
      .split('')
      .map(
        (letter) =>
          `
          <span class="letter">
            ${correctLetters.includes(letter) ? letter : ''}
          </span>
        `
      )
      .join('')}
  `;
}

window.addEventListener('keydown', (e) => {
  if (selectedWord.toString().includes(e.key)) {
    if (!correctLetters.includes(e.key)) {
      correctLetters.push(e.key);
      displayWord();
    }
  }
});

displayWord();

您好，我的第一个值返回[对象承诺]。按下任何键值返回我想要的东西之后。

在单击任何键之前，如何获得正常值？谢谢你！