使用lit html的until呈现Promise中的数组

import { html, render } from 'lit-html';

const fetchData = () => {
  return new Promise((resolve, reject) => {
    // 模拟异步请求数据
    setTimeout(() => {
      const data = ['item1', 'item2', 'item3'];
      resolve(data);
    }, 2000);
  });
};

const renderData = (data) => {
  return html`
    <ul>
      ${data.map((item) => html`<li>${item}</li>`)}
    </ul>
  `;
};

const container = document.getElementById('container');

const renderContent = async () => {
  const data = await fetchData();
  render(renderData(data), container);
};

render(html`<p>Loading...</p>`, container); // 显示加载中的提示

renderContent(); // 调用渲染函数